/*** 공통 ***/
.contents h2 {font-size:40px; font-weight:700; color:#000; text-align:center;}

.contents.researcher {background:#fff; padding:120px 0;}
.subpart .inner {max-width:1400px; margin:0 auto; margin-top:120px;}

.scroll-x::-webkit-scrollbar {height:5px; width:10px;}
.scroll-x::-webkit-scrollbar-thumb {background-color:#999; border-radius:5px;}
.scroll-x::-webkit-scrollbar-track {background-color:#ccc; border-radius:5px;}

.tablewrap .tabletypeA table {border-top:5px solid var(--base1);}
.tablewrap .tabletypeA thead tr th {background:#000; color:#fff; padding:20px 15px; font-size:17px;}
.tablewrap .tabletypeA thead tr th+th {border-left:1px solid #fff;}
.tablewrap .tabletypeA tbody tr td {border:1px solid #ddd; padding:20px 15px; font-size:17px; text-align:center;}


.researcher .tabletypeA {overflow:auto; padding-bottom:10px;}
.researcher .tabletypeA table {min-width:500px; }
.researcher .tabletypeA tbody td:first-child {background:#f4f5f7;}
.postgraduate .tabletypeA tbody tr:nth-of-type(2n) td:first-child {background:transparent;}

.profile_wrap .inner {display:grid; grid-template-columns:1fr; row-gap:80px; }
.profile-list {display:flex; gap:80px; align-items:flex-start; }
.profile-list .img { aspect-ratio:200/267; width:200px; height:auto;  border-radius:20px; overflow:hidden;}
.profile-list .img img {aspect-ratio:200/267; object-fit:cover; width:100%; height:100%; backface-visibility:hidden; transform:translateZ(0); image-rendering: -webkit-optimize-contrast;}
.profile-list .info {width:calc(100% - 280px); box-sizing:border-box; color:#000; display:flex; flex-direction:column; justify-content:space-between; gap:20px;}
.profile-list .info .name {font-size:28px; font-weight:700; color:#000; border-bottom:1px solid #ddd;padding-bottom:10px;}
.profile-list .info .name small {font-size:70%; margin-left:10px;}
.profile-list .input-list {margin-top:20px;}
.profile-list .input-list dl {display:grid; gap:30px; grid-template-columns:170px auto;}
.profile-list .input-list dl+dl {margin-top:15px;}
.profile-list .input-list dl dt {position:relative; padding-left:15px; font-weight:500;}
.profile-list .input-list dl dt:before {content:""; display:block; width:5px; height:5px; background:var(--base1); border-radius:50%; position:absolute; top:10px; left:0;}
.profile-list .input-list dl dd {font-weight:300;}
.profile-list .input-list dl dd a:hover {color:var(--base1);}
.profile-list .input-list li+li {margin-top:2px;}
.profile-list .input-list dl dd span {display:inline-block; position:relative;}
.profile-list .input-list dl dd span+span {padding-left:30px;}
.profile-list .input-list dl dd span+span:before {content:""; display:block; width:1px; height:15px; background:#ccc; position:absolute; left:15px; top:5px;}

.profile-list .info .contact {background:#f4f5f7; padding:30px; margin-top:20px; border-radius:20px;}
.profile-list .info .contact a, .profile-list .info .contact p {padding-left:30px; position:relative; font-size:15px; display:block;}
.profile-list .info .contact .mail {margin-top:10px;}
.profile-list .info .contact .mail:before {content:""; display:block; width:18px; height:12px; background:url(/images/researcher/i-mail.svg) no-repeat center / contain; position:absolute; left:0; top:7px;}
.profile-list .info .contact .mail:hover {color:var(--base1);}
.profile-list .info .contact .address {margin-top:10px;}
.profile-list .info .contact .address:before {content:""; display:block; width:18px; height:16px; background:url(/images/researcher/i-address.svg) no-repeat center / contain; position:absolute; left:0; top:3px;}

.profile-list .info .contact .call:before {content:""; display:block; width:16px; height:18px; background:url(/images/researcher/i-call.svg) no-repeat center / contain; position:absolute; left:0; top:3px;}

.newman-part h3 {color:#000; font-size:24px; position:relative; margin-bottom:25px;}
.newman-part h3:before {content:""; display:block; width:30px; height:3px; background:var(--base1); position:absolute; top:-12px; left:0;}
.newman-part+.newman-part {margin-top:80px;}


/*** 조직도 ***/
.researcher .organ_pc {width:100%;}
.researcher .organ_mob {display:none;}
/* ************************ 태블릿 이하(~1249) ************************ */
@media screen and (max-width: 1249px) { 
.contents h2 {font-size:30px; font-weight:700; color:#000; text-align:center;}
.contents.researcher {background:#fff; padding:80px 30px;}
.subpart .inner {margin-top:80px;}

.profile-list {gap:60px;}
.profile-list .info {width:calc(100% - 230px);}
.profile-list .img {width:170px; height:227px;}
}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
.contents.researcher {background:#fff; padding:60px 30px;}
.subpart .inner {margin-top:60px;}

.profile-list {flex-direction:column; gap:20px;}
.profile-list .info .name {font-size:24px;}
.profile_wrap .inner {grid-template-columns:1fr; row-gap:60px;}
.profile-list .info {padding-right:0; width:100%;}
.profile-list .info .contact {margin-top:10px;}

.newman-part h3 {font-size:20px;}
.tablewrap .tabletypeA thead tr th, .tablewrap .tabletypeA thead tr td {font-size:16px;}
}

/* ************************ 태블릿 이하(~767) ************************ */
@media screen and (max-width: 767px) { 

.contents.researcher {padding:50px 30px;}
.contents h2 {font-size:24px;}

.tablewrap .tabletypeA tbody tr td {padding:15px 12px; font-size:16px;}
.profile_wrap .inner {margin-top:50px; row-gap:60px;}
.profile-list .input-list dl {grid-template-columns:1fr; gap:5px;}
.profile-list .input-list dl+dl {margin-top:20px;}
.profile-list .input-list dl.career p {padding-left:15px; position:relative;} 
.profile-list .input-list dl.career p+p {margin-top:5px;}
.profile-list .input-list dl.career p:before {content:""; display:block; position:absolute; width:5px; height:1px; left:0; top:12px; background:#666;}
 .profile-list .input-list dl dd span {display:block; padding-left:15px; position:relative;}
 .profile-list .input-list dl dd span:before {content:""; display:block; width:5px; height:1px; left:0; top:12px; position:absolute; background:#666;}
 .profile-list .input-list dl dd span+span {padding-left:15px; margin-top:5px;}
 .profile-list .input-list dl dd span+span:before {width:5px; height:1px; left:0; top:12px; background:#666;}
/*** 조직도 ***/
.researcher .organ_pc {width:100%; display:none;}
.researcher .organ_mob {display:block; width:100%;}
.subpart .inner {margin-top:50px;}


}

/* ************************ 태블릿 이하(~500) ************************ */
@media screen and (max-width: 500px) { 
.contents.researcher {padding:50px 20px;} 
.tablewrap .tabletypeA tbody tr td, .tablewrap .tabletypeA thead tr th {padding:12px 10px;}

.profile-list {flex-direction:column; gap:20px;}
 .profile-list .info {width:100%; gap:15px;}
 .profile-list .input-list {margin-top:10px;}


 .profile-list .info .contact {padding:25px 20px;}
 .profile_wrap .inner {margin-top:50px;}
 
}