.lecturer-list{padding:0 15px;}

.lecturer-box{display:grid;grid-template-columns:clamp(220px,30vw,380px) auto;gap:clamp(30px,4vw,52px);padding-top:80px;margin-top:80px;border-top:1px solid #777;}
.lecturer-box:first-child{padding-top:0;border-top:none;}
.lecturer-box>.col1>img{width:100%;border-radius:10px;}
.lecturer-box>ul>li:nth-child(1){font-size:clamp(34px,3vw,40px);font-weight:600;color:#1C1E1D;}
.lecturer-box>ul>li:nth-child(1)>span{display:inline-block;margin-left:9px;font-size:24px;}
.lecturer-box>ul>li:nth-child(2){margin-top:20px;}
.lecturer-box>ul>li:nth-child(2)>a{display:inline-block;padding:8px 14px;margin-right:8px;font-size:17px;border:1px solid #777;border-radius:5px;}
.lecturer-box>ul>li:nth-child(3){margin-top:40px;}
.lecturer-box>ul>li:nth-child(3)>dl{display:grid;grid-template-columns:clamp(55px,6vw,88px) auto;gap:29px;margin-bottom:20px;font-size:22px;line-height:1.5;}
.lecturer-box>ul>li:nth-child(4){margin-top:60px;}
.lecturer-box>ul>li:nth-child(4){text-align:right;}
.lecturer-box>ul>li:nth-child(4)>a{display:inline-block;padding:12px 19px;font-size:clamp(18px,3vw,21px);border:1px solid #777;border-radius:5px;}

@media screen and (max-width:612px) {
.lecturer-box{display:block;}
.lecturer-box>.col1{text-align:center;}
.lecturer-box>.col1>img{max-width:420px;}
.lecturer-box>ul{margin-top:52px;}
}

.lecturer-view{padding:0 15px;}
.lecturer-view .desc-rows{padding-top:60px;margin-top:60px;border-top:1px solid #777;}
.lecturer-view .desc-rows>dl{display:grid;grid-template-columns:160px auto;gap:30px;margin-bottom:30px;text-align:left;font-size:clamp(18px,3vw,22px);line-height:1.5;}
.lecturer-view .desc-rows>dl li{position:relative;padding-left:16px;margin-bottom:3px;}
.lecturer-view .desc-rows>dl li:before{content:'\2022';position:absolute;top:0;left:0;}
.lecturer-view .images{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;padding-top:60px;margin-top:60px;border-top:1px solid #777;}
.lecturer-view .images>li{position:relative;padding-bottom:66%;}
.lecturer-view .images>li>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}

@media screen and (max-width:612px) {
.lecturer-view .desc-rows>dl{display:block;margin-bottom:40px;}
.lecturer-view .desc-rows>dl>dt{font-weight:bold;}
.lecturer-view .desc-rows>dl>dd{margin-top:15px;}
.lecturer-view .images{grid-template-columns:repeat(2, 1fr);}
}