@charset "utf-8";
/* People > Professors */

.tab-panel + .tab-panel { display: none; }

/* 교수 카드 그리드 */
.prof-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px; }
.prof-card { display: flex; flex-direction: column; padding: 26px 28px 28px; border: 1px solid var(--border1); border-radius: 18px; background: #fff; transition: var(--ani); }
.prof-card:hover { border-color: rgba(11,73,156,.35); box-shadow: 0 18px 40px rgba(17,38,73,.12); transform: translateY(-4px); }

/* 상단 : 사진 + 이름 */
.prof-card .head { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 22px; align-items: center; padding-bottom: 22px; border-bottom: 1px solid var(--border1); }
.prof-card .head .photo { display: block; aspect-ratio: 5/6; border-radius: 12px; background: var(--bg1); overflow: hidden; border:1px solid var(--border1); }
.prof-card .head .photo img { width: 100%; height: 100%; object-fit: cover; }
.prof-card .head .name .kor { font-size: var(--fs24); font-weight:800; color: #111; line-height: 1.2; letter-spacing: -0.04em; }
.prof-card .head .name .eng { margin-top: 6px; font-size: var(--fs16); font-weight: 500; color: #8892a4; }
/* 소속 교실 : 괄호 대신 라벨(칩) 형태로 표기 */
.prof-card .head .name .lab { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; padding: 5px 13px 5px 11px; border-radius: 100px; background: rgba(11,73,156,.08); font-size: var(--fs15); font-weight: 800; color: var(--c_base1); letter-spacing: -0.03em; }
.prof-card .head .name .lab:before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--c_base2); }

/* 하단 : 연구내용 / E-mail */
.prof-card .body { flex: 1; display: flex; flex-direction: column; padding-top: 20px; }
.prof-card .body .tit { position: relative; padding-left: 26px; font-size: var(--fs17); font-weight: 800; color: var(--c_base1); }
.prof-card .body .tit:before { content: ""; position: absolute; left: 0; top: 50%; width: 18px; height: 18px; margin-top: -9px; background: 50% 50% / 18px 18px no-repeat; }
/* 서류 아이콘 */
.prof-card .body .tit.t-doc:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b499c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.6 3H7.2A2.2 2.2 0 0 0 5 5.2v13.6A2.2 2.2 0 0 0 7.2 21h9.6a2.2 2.2 0 0 0 2.2-2.2V8.6L13.6 3Z'/%3E%3Cpath d='M13.4 3.2v5.4h5.4'/%3E%3Cpath d='M8.6 13.2h6.8M8.6 16.6h4.6'/%3E%3C/svg%3E"); }
/* 편지봉투 아이콘 */
.prof-card .body .tit.t-mail:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b499c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.8' y='5.2' width='18.4' height='13.6' rx='2.2'/%3E%3Cpath d='m3.6 7 8.4 5.9L20.4 7'/%3E%3C/svg%3E"); }
.prof-card .body .tit + * { margin-top: 8px; }
.prof-card .body .txt li { font-size: var(--fs15); line-height: 1.75; color: #555; }
.prof-card .body .mail { margin-bottom: 20px; font-size: var(--fs15); font-weight: 600; color: #333; word-break: break-all; }
.prof-card .body .mail a:hover { color: var(--c_base1); text-decoration: underline !important; }
.prof-card .body .mail.empty { font-weight: 500; color: #8892a4; }
.prof-card .body .tit ~ .tit { margin-top: 18px; }
.prof-card .body .btn-home { display: inline-flex; align-items: center; justify-content: center; gap: 7px; align-self: flex-start; margin-top: auto; padding: 0 20px; height: 38px; border: 1px solid rgba(11,73,156,.28); border-radius: 8px; background: rgba(11,73,156,.10); font-size: var(--fs15); font-weight: 800; color: var(--c_base1) !important; transition: var(--ani); }
.prof-card .body .btn-home svg { width: 17px; height: 17px; flex: none; }
.prof-card .body .btn-home:hover { background: var(--c_base1); border-color: var(--c_base1); color: #fff !important; }

.notice-txt { margin-top: 36px; font-size: var(--fs14); color: #8892a4; }

@media (max-width: 991px) {
	.prof-grid { gap: 20px; }
	.prof-card { padding: 22px; }
	.prof-card .head { grid-template-columns: 110px minmax(0, 1fr); gap: 16px; }
}

@media (max-width: 767px) {
	.prof-grid { grid-template-columns: 1fr; }
}