@charset "utf-8";

.researcher .tabContents ul {display: grid; grid-template-columns: repeat(2,1fr); gap: 40px; }
.researcher .tabContents ul li {border: 1px solid #ddd; padding: 40px; display: grid; grid-template-columns: 150px auto; gap: 40px;}
.researcher .tabContents ul li h3 {font-size: var(--fs24); color: #000; margin-bottom: 25px;}
.researcher .tabContents ul li p {color: #000; font-weight: 700; line-height: 1.2;}
.researcher .tabContents ul li p span {font-size: var(--fs16); display: block; font-weight: 400;}
.researcher .tabContents ul li dl {padding-top: 30px; margin-top: 30px; border-top: 2px solid #777; font-size: var(--fs16);}
.researcher .tabContents ul li dl dd {display: grid; grid-template-columns: 60px auto; gap: 20px; line-height: 1.3;}
.researcher .tabContents ul li dl dd+dd {margin-top: 5px;}
.researcher .tabContents ul li dl dd span { color: #000;}
.researcher .tabContents ul li dl a {color: inherit;}

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

    body .tabWrap {display: block;}
    body .tabMenu ul {margin-bottom: 30px;}

}


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

    .researcher .tabContents ul {grid-template-columns: repeat(1, 1fr); gap: 15px;}
    .researcher .tabContents ul li {grid-template-columns: 130px auto;}
    

}

/* ************************ 모바일 이하(~767) ************************ */
@media screen and (max-width: 767px) { 

    .researcher .tabContents ul li {gap: 20px; padding: 30px;}
    


}

/* ************************ 모바일 이하(~500) ************************ */
@media screen and (max-width: 500px) { 

    .researcher .tabContents ul li {grid-template-columns:auto;}
    .researcher .tabContents ul li img {width: 130px;}
    .researcher .tabContents ul li h3 {margin-bottom: 7px;}
    .researcher .tabContents ul li dl {padding-top: 10px; margin-top: 10px;}
    

}