@charset "utf-8";

/* 이미지 준비중 폴백 (view.html 교수 상세에서 사용 — 상세 리뉴얼 시 정리 예정) */
.no_image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 18px;
	font-weight: 700;
	color: var(--color-text-muted);
	background: var(--color-gray200);
}

/* 교수진 카드 리스트 (Figma 969:31056) */
#awards_list {
	max-width: 1560px;
	margin: 0 auto;
	position: relative;
}

.professor-card-list {
	border-top: 1px solid var(--color-gray300);
}

.professor-card {
	display: flex;
	gap: 25px;
	align-items: flex-start;
	padding: 30px 0;
	border-bottom: 1px solid var(--color-gray300);
}

.professor-card-thumb {
	flex-shrink: 0;
	width: 203px;
	height: 271px;
	overflow: hidden;
	background: var(--color-gray200);
}

.professor-card-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.professor-card-body {
	display: flex;
	flex-direction: column;
	gap: 25px;
	min-width: 0;
}

.professor-card-name {
	font-size: 30px;
	font-weight: var(--font-weight-semibold);
	line-height: 33px;
	color: var(--color-black);
}

.professor-card-fields {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 16px;
	line-height: 28px;
}

.professor-card-fields>div {
	display: flex;
	gap: 10px;
}

.professor-card-fields dt {
	flex-shrink: 0;
	width: 100px;
	font-weight: var(--font-weight-medium);
	color: var(--color-black);
}

.professor-card-fields dd {
	margin: 0;
	color: var(--color-text-body);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* 교수진 상세 (Figma 972:31409) */
.professor-view {
	padding-top: 0;
}

.professor-view .professor-card {
	border-top: 1px solid var(--color-gray300);
}

.professor-detail-sections {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 30px 0;
	border-bottom: 1px solid var(--color-gray300);
}

.professor-detail-section {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.professor-detail-section-title {
	font-size: 20px;
	font-weight: var(--font-weight-medium);
	line-height: 36px;
	color: var(--color-text-title1);
}

.professor-detail-section-body {
	font-size: 16px;
	line-height: 24px;
	color: var(--color-text-body);
}

.professor-detail-section-body img {
	max-width: 100%;
	height: auto;
	margin: 10px 0;
}

.professor-detail-list {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding-left: 24px;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-text-body);
}

.professor-detail-list li {
	display: list-item;
	list-style: disc;
}

.professor-detail-images {
	display: flex;
	flex-direction: column;
	gap: 35px;
	margin-top: 30px;
}

.professor-detail-images img {
	display: block;
	max-width: 796px;
	width: 100%;
	height: auto;
}

@media (max-width: 768px) {
	.professor-card {
		flex-direction: column;
		gap: 16px;
	}

	.professor-card-thumb {
		width: 100%;
		height: 240px;
	}

	.professor-card-fields dd {
		white-space: normal;
	}


	.professor-detail-section-title {
		line-height: 1.6;
	}
}

/* #board_list 테이블 규칙 제거 — biomed_professor 는 카드형(professor-card-list)이라 미사용 죽은 코드 (2026-08-28) */

/* 댓글 */
.reply {
	clear: both;
	background: #f2f2f2;
	padding: 20px;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	margin: 20px 0 10px
}

.reply li {
	padding: 15px 0;
	border-bottom: 1px solid #cecece
}

.reply dt {
	position: relative
}

.reply dt strong {
	background: #5e6f77;
	padding: 3px 10px;
	color: #fff;
	border-radius: 4px
}

.reply dt div {
	position: absolute;
	right: 0;
	top: 0
}

.reply dt a {
	text-align: right
}

.reply dd {
	width: 80%;
	position: relative
}

.reply dd span {
	display: block;
	font-size: 13px;
	color: #888;
	position: absolute;
	right: -200px;
	bottom: 0
}

/* 게시판_뷰 (베이직타입) */
#board_view {
	margin-bottom: 20px;
	width: 99.9%;
	clear: both;
	border-top: 2px solid #3b476c
}

#board_view table {
	width: 100%;
	height: auto;
	border-collapse: collapse;
	border-width: 0;
	font-size: 13px;
	letter-spacing: -1px;
	text-align: left
}

#board_view tbody tr {
	color: #666
}

/*#board_view tbody tr a{color:#666}*/
#board_view tbody tr a {
	color: #596ba4
}

#board_view tbody th {
	border-bottom: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	color: #333;
	background: #fff;
	font-weight: 700;
	padding-left: 13px
}

#board_view tbody td {
	border-bottom: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	letter-spacing: -.02em;
	padding: 6px 10px;
	line-height: 22px
}

#board_view tbody td .board_view_contents {
	padding: 10px 0
}

#board_view tbody td span.date_size {
	font-size: 11px;
	padding-left: 5px;
}

#board_view .leftcell {
	border-left: none !important
}

#board_view .rightcell {
	border-right: none !important
}

/* 댓글/코멘트 */
.comment_top {
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	margin-bottom: 20px
}

.comment_top .btn_list {
	width: 100%;
	text-align: right;
	margin-top: 10px
}

.comment_top .btn_list input {
	background: #35454d;
	background-image: -webkit-linear-gradient(top, #35454d, #263238);
	background-image: -moz-linear-gradient(top, #35454d, #263238);
	background-image: -ms-linear-gradient(top, #35454d, #263238);
	background-image: -o-linear-gradient(top, #35454d, #263238);
	background-image: linear-gradient(to bottom, #35454d, #263238);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	padding: 8px 20px 8px 20px;
	border: solid #16193b 1px;
	text-decoration: none;
	box-sizing: border-box;
	display: inline-block;
	cursor: pointer
}

.comment_top .btn_list input:hover {
	background: #263238;
	background-image: -webkit-linear-gradient(top, #263238, #35454d);
	background-image: -moz-linear-gradient(top, #263238, #35454d);
	background-image: -ms-linear-gradient(top, #263238, #35454d);
	background-image: -o-linear-gradient(top, #263238, #35454d);
	background-image: linear-gradient(to bottom, #263238, #35454d);
	text-decoration: none;
}

.board_comment {
	background-color: #fff;
	margin: 25px 0 0px;
	text-align: left;
	box-sizing: border-box
}

.board_comment dl {
	margin-bottom: 20px;
	padding: 20px 0 20px 20px;
}

.board_comment dl dt {
	display: block;
	float: left;
	padding-bottom: 10px;
	width: 100px;
}

.board_comment dl dd {
	display: block;
	float: left;
	padding-bottom: 10px;
}

.board_comment fieldset {
	display: block;
}

.board_comment fieldset div.icon {
	float: left;
	margin-top: 15px;
	text-align: center;
	width: 10%;
}

.board_comment fieldset div.icon img {
	cursor: pointer;
}

.board_comment fieldset div#icon_table {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	position: absolute;
	visibility: hidden;
	z-index: 1;
}

.board_comment fieldset div#icon_table ul {
	overflow: hidden;
	width: 300px;
}

.board_comment fieldset div#icon_table ul li {
	float: left;
	margin: 3px;
}

.board_comment fieldset div#icon_table ul li img {}

.board_comment fieldset div.insert {
	float: right;
	margin-bottom: 10px;
	overflow: hidden;
	width: 90%;
}

.board_comment fieldset div.insert textarea {
	float: left;
	height: 46px;
	overflow: hidden;
	width: 70%;
}

.board_comment fieldset div.insert input.button {
	float: right;
	height: 50px;
	width: 19%;
}

.board_comment ul.reply {
	width: 100%;
}

.board_comment ul.reply li {
	border-bottom: 1px solid #eee;
}

.board_comment ul.reply li dl {
	margin: 5px 0;
	overflow: hidden;
	text-align: left;
}

.board_comment ul.reply li dl dt {
	float: left;
	width: 20%;
}

.board_comment ul.reply li dl dd {
	float: right;
	width: 80%;
	font-size: 15px;
}

.board_comment ul.reply li dl dd.subject {
	font-size: 2rem
}

.board_comment ul.reply li dl dd span {
	display: block;
	font-size: 15px;
}

#bc_subject {
	width: 100%
}

.editable {
	overflow-y: auto;
	width: 100%;
	height: 100px;
	padding: 5px;
	background-color: white
}

/* 게시판 본문에 삽입되는 이미지 */
img.bbs_content_image {
	margin: 5px 0
}

/* 게시판_라이트(등록/수정 폼) — basic 스킨과 동일 토큰 기준 */
#board_write {
	margin-bottom: 20px;
	width: 99.9%;
	clear: both;
	border-top: 2px solid var(--color-border-board-header);
}

#board_write table {
	width: 100%;
	height: auto;
	border-collapse: collapse;
	border-width: 0;
	font-size: 13px;
	letter-spacing: -1px;
	text-align: left;
}

#board_write tbody tr {
	color: var(--color-text-body);
}

#board_write tbody tr a {
	color: var(--color-text-link);
	padding-left: 4px;
}

#board_write tbody th {
	border-bottom: 1px solid var(--color-border-header);
	color: var(--color-gray800);
	line-height: 60px;
	font-size: 15px;
	font-weight: 500;
	padding: 0 0 0 7px;
}

#board_write tbody td {
	border-bottom: 1px solid var(--color-border-header);
	border-left: 1px solid var(--color-border-base);
	letter-spacing: -.02em;
	font-size: 15px;
	padding: 6px 13px;
	line-height: 22px;
}

#board_write tbody td .f_alert {
	display: block;
	font-size: 15px;
	font-weight: 500;
	padding: 5px 0 10px;
	letter-spacing: 0;
	color: var(--color-text-notice);
}

#board_write tbody td .board_view_contents {
	padding: 10px 0;
}

#board_write .leftcell {
	border-left: none !important;
}

#board_write .rightcell {
	border-right: none !important;
}

#board_write label {
	font-size: var(--font-size-caption);
	font-weight: 500;
	letter-spacing: -1px;
}

#board_write th:first-child,
#board_write td:first-child {
	border-left: none;
}

/* 첨부파일 영역 */
#board_write div.bbs_file_ctl {
	width: 100%;
}

/* 웹에디터의 답변시 원본글 처리 */
blockquote.bbs_blockquot {
	padding-right: 0px;
	padding-left: 5px;
	margin-left: 5px;
	border-left: #000000 2px solid;
	margin-right: 0px
}


.board_view {
	padding-top: 50px
}

.board_view .title {
	font-size: 25px;
	letter-spacing: -1px;
	line-height: 30px;
	color: #000;
	width: 100%;
	font-weight: 500;
	padding-bottom: 20px;
	max-height: 70px;
	overflow: hidden;
	text-align: center
}

.board_view .info {
	letter-spacing: -.02em;
	padding-right: 3px;
	width: 100%;
	font-size: 1.5rem;
	text-align: right;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	color: #666
}

.board_view .file {
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	border: 1px solid #ddd;
	margin-top: 30px
}

.board_view .file a {
	color: #008a96;
	border-bottom: 1px dotted #009aa7;
	margin-right: 10px;
	font-weight: 400;
	font-size: 1.5rem
}

.board_view .board_view_contents {
	box-sizing: border-box;
	padding: 40px 0;
	margin: 0 auto;
	line-height: 28px;
	font-size: 15px;
	border-bottom: 2px solid #ddd;
	min-height: 300px;
}

.board_view .board_view_contents img {
	width: auto;
	max-width: 100%;
	padding: 15px 0
}


/****** Mobile ******/
@media screen and (max-width:690px) {

	/*  포토형_리스트 */
	#board_list_photo li {
		width: 100%
	}

	#board_list_photo li a dt {
		height: auto
	}

	#board_list_photo li a dd.title {
		min-width: 280px
	}

	#board_list_photo li a span.thumb {
		min-height: auto;
		max-height: 180px;
		height: 180px
	}

	#board_list_photo li a span img {
		height: auto
	}


	/* 일반형_리스트 */
	#board_list table {
		font-size: 13px
	}

	#board_list thead th {
		line-height: 45px
	}

	#board_list tbody td {
		padding: 6px 10px;
		height: 28px;
		min-height: 28px
	}

	#board_list .t_num,
	#board_list .t_hit,
	#board_list .t_file {
	    display: none
	}

	#board_list .t_user {
	    width: 84px;
	}

	#board_list .t_date {
	    width: 104px;
	}

	#board_list ul li a span.thumb {
		width: 100%;
		overflow: hidden;
		height: auto !Important
	}

	#board_list ul li a span.thumb img {
		width: 100%
	}

	#mypage #board_list .t_date {
		display: none
	}

	#board_list ul li a {
		padding: 10px;
		border-bottom: none
	}

	#board_list ul li a .txt_wrap {
		width: 100%;
		padding: 15px 0 0 10px
	}

	#board_list ul li a strong {
		font-size: 18px;
		font-weight: 400;
		padding-bottom: 5px
	}

	#board_list ul li a span.date {
		font-size: 13px;
		padding-top: 0
	}

	#board_list ul li a p {
		font-size: 15px
	}

	#board_list ul li a:hover {
		border: none;
		padding: 10px
	}

	#list_total_count {
		font-size: 13px
	}


	/* 게시판_라이트 (베이직타입) */
	#board_write tbody th {
		width: 100%;
		display: block;
		box-sizing: border-box;
		padding: 13px;
		overflow: hidden;
		line-height: 24px
	}

	#board_write tbody td {
		width: 100%;
		display: block;
		box-sizing: border-box;
		border: none;
		padding: 3px 5px
	}

	#board_write .input_type {
		width: 100%;
		box-sizing: border-box
	}

	#board_write .wfull_95 {
		width: 100% !important
	}

	#board_write tbody td .f_alert {
		font-size: 1.4rem
	}

	/* 게시판_뷰 (베이직타입) */
	#board_view tbody th {
		width: 100%;
		display: block;
		box-sizing: border-box;
		padding: 13px;
		overflow: hidden;
		border: 0
	}

	#board_view tbody td {
		width: 100%;
		display: block;
		box-sizing: border-box;
		border: none;
		padding: 3px 5px
	}

	#board_view .input_type {
		width: 100%;
		box-sizing: border-box
	}

	/* 댓글/코멘트 */
	.comment_top {
		padding: 15px 0
	}

	.board_view {
		width: 100%
	}

	/* board_view */
	.board_view .title {
		font-size: 2.2rem;
		line-height: 3.2rem;
		max-height: 100px
	}

	.board_view_contents .image img {
		width: 100%
	}

	.board_view .info {
		padding-bottom: 25px;
		font-size: 1.3rem
	}

	.board_view .title {
		padding: 0 0px 13px 0px;
		box-sizing: border-box
	}

	#bc_writer_name {
		width: 100%
	}

	.board_view .board_view_contents {
		width: auto;
		padding: 20px 15px
	}

	.board_view .file a {
		font-size: 13px
	}

	#awards_list {
		max-width: 100%
	}

}

/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {

	/* 일반형_리스트 */
	#board_list .t_num,
	#board_list .t_hit,
	#board_list .t_file {
		display: none
	}

	#board_list ul li a .txt_wrap {
		width: 400px;
		padding: 15px 0 0 30px
	}

	#board_list ul li a strong {
		font-size: 2rem;
		font-weight: 500
	}

	#board_list ul li a span.date {
		font-size: 13px
	}

	#board_list ul li a span.thumb {
		height: auto;
		width: 100%
	}

	#board_list ul li a span.thumb img {
		width: 265px;
		overflow: hidden
	}

	/* board_view */
	.board_view {
		width: 100%
	}

	.board_view .title {
		font-size: 2.4rem;
		line-height: 3rem
	}

	.board_view_contents .image img {
		width: 100%
	}

	.board_view .info {
		padding-bottom: 25px;
		font-size: 1.4rem
	}

	.board_view .title {
		padding: 0 20px 13px 20px;
		box-sizing: border-box
	}

	#bc_writer_name {
		width: 100%
	}

	.board_view .board_view_contents {
		width: auto
	}

	/* 댓글/코멘트 */
	.comment_top {
		padding: 0
	}

	.board_comment {
		padding: 0
	}

	#awards_list {
		max-width: 100%
	}

	.sub_contentsbox {
		display: inline-block
	}




}


/****** Desktop Device ******/
@media screen and (min-width:900px) and (max-width:1150px) {
	#board_basic {
		width: 100%;
		padding: 0px 20px 0 20px
	}

	/* 일반형_리스트 */
	#board_list ul li a span.thumb img {
		width: 100%;
		overflow: hidden
	}

	#board_list ul li a span.thumb {
		width: 30%
	}

	#board_list ul li a .txt_wrap {
		width: 70%
	}

	#board_wrap {
		width: 100%
	}

	.board_view {
		width: 100%
	}

	.sub_contentsbox {
		display: inline-block
	}


}

/****** Desktop Wide Device ******/
@media screen and (min-width:1151px) {}


/****** Print ******/
@media print {
	#board_search {
		display: none
	}

	.board_view .title {
		font-size: 2rem;
		line-height: 27px
	}

	.board_view .info {
		font-size: 12px
	}

	.board_view .file a {
		font-size: 13px
	}
}