@charset "utf-8";

.sub-tab {margin-bottom:var(--space-60);}
.sub-tab ul li {margin-right:var(--space-10); width:auto; flex:1;}
.sub-tab ul li:last-child {margin-right:0;}
.sub-tab ul li a {padding:0 12px; display:flex; align-items:center; justify-content:center; text-align:center; height:clamp(40px, calc(52 / var(--inner) * 100vw), 52px); border-radius:4px; border:1px solid #ddd; background:#f4f4f4; font-weight:400; letter-spacing:-.03em; line-height:1.33em; color:#505050;}
.sub-tab ul li.active a {background:#fff; border-color:var(--color-primary); color:var(--color-primary); font-size:var(--font-size-18); font-weight:600;}

.professor-profile {display:flex; gap:var(--space-80); padding-bottom:var(--space-60);  margin-bottom:var(--space-60); border-bottom:1px solid #ddd;}
.professor-profile .image {width:28.5%;}
.professor-profile .image img {border-radius:16px; box-shadow:0 10px 20px 0 rgba(0, 0, 0, .3);}
.professor-profile .content {flex:1; padding-top:var(--space-50);}
.professor-profile .name-area {background:url('/images/sub/professor-symbol.png') no-repeat 100% 0 / contain; position:relative; padding:var(--space-50) 0; margin-bottom:var(--space-50);}
.professor-profile .name-area:before {content:''; position:absolute; left:-999em; right:-999em; top:0; height:100%; background:#A50C28; z-index:-1;}
.professor-profile .name-area .name {margin-bottom:var(--space-15); font-size:var(--font-size-40); font-weight:700; line-height:1.3em; color:#fff;}
.professor-profile .name-area .us {font-size:var(--font-size-20); font-weight:400; line-height:1.4em; color:rgba(255, 255, 255, .7);}
.professor-profile .desc {display:flex; gap:var(--space-40);}
.professor-profile .desc .item {flex:1;}
.professor-profile .desc .tit {margin-bottom:var(--space-15); font-size:var(--font-size-20); font-weight:700; line-height:1.4em; color:#121212;}
.professor-profile .desc .list ul li {position:relative; padding-left:13px; margin-bottom:var(--space-12); font-size:var(--font-size-16); font-weight:400; line-height:1.5em; color:#505050;}
.professor-profile .desc .list ul li:before {content:""; position:absolute; left:0; top:.55em; width:5px; height:5px; border-radius:50%; background:#ccc;}
.professor-profile .desc .list ul li:last-child {margin-bottom:0;}
.professor-profile .desc .txt {font-size:var(--font-size-16); font-weight:400; line-height:1.5em; color:#505050;}

.professor-info {margin-bottom:var(--space-90);}
.professor-info:last-child {margin-bottom:0;}
.professor-info h3 {position:relative; padding-left:var(--space-18); margin-bottom:var(--space-25); font-size:var(--font-size-32); font-weight:700; line-height:1.2em; color:#121212;}
.professor-info h3:before {content:''; position:absolute; left:0; top:.22em; width:4px; height:clamp(14px, calc(24 / var(--inner) * 100vw), 24px); background:var(--color-primary); border-radius:99px;}
.professor-info .list ul li {position:relative; padding-left:13px; margin-bottom:var(--space-15); font-size:var(--font-size-16); font-weight:400; line-height:1.5em; color:#505050;}
.professor-info .list ul li:before {content:""; position:absolute; left:0; top:.57em; width:5px; height:5px; border-radius:50%; background:#ccc;}
.professor-info .list ul li:last-child {margin-bottom:0;}

.topic {text-align:center;}
.topic .image {border:1px solid #ddd; padding:var(--space-40);}
.topic .text {max-width:990px; margin:var(--space-30) auto 0; font-weight:400; letter-spacing:-.03em; color:#505050;}