@charset 'utf-8';

.lecture-box{display:flex;gap:2rem;}
.lecture-box .thumbnail-box{flex:1;height:29.5rem;border-radius:1.5rem;overflow:hidden;}

.y25{grid-area:y25;}
.y24{grid-area:y24;}
.y23{grid-area:y23;}
.y22{grid-area:y22;}
.y21{grid-area:y21;}

.eng25{grid-area:eng25;}
.eng24{grid-area:eng24;}
.eng23{grid-area:eng23;}
.eng22{grid-area:eng22;}
.eng21{grid-area:eng22;}

.humall02{grid-area:humall02;}
.methodall02{grid-area:methodall02;}

.cnt25{grid-area:cnt25;}
.cnt24{grid-area:cnt24;}
.cnt23{grid-area:cnt23;}
.cnt22{grid-area:cnt22;}

.col-box{display:grid;gap:1rem;grid-template-columns: 16rem minmax(18rem, 1fr) minmax(18rem, 1fr) minmax(18rem, 1fr) minmax(18rem, 1fr);grid-auto-rows:auto;padding:0 0 1rem;}
.col-box li{flex:1;padding:1.8rem 2rem;border-radius:5px;border:1px solid var(--border-color14);background:var(--color50);font-size:1.8rem;font-weight:var(--font-weight-bold);color:var(--black03);box-sizing:border-box;text-align:center;}
.col-box li.empty-box{max-width:16rem;border:none;background:var(--white100);}

.row-wrap{display:grid;gap:1rem;grid-template-columns: 16rem minmax(18rem, 1fr) minmax(18rem, 1fr) minmax(18rem, 1fr) minmax(18rem, 1fr);grid-auto-rows:minmax(13rem, auto);grid-template-areas:'y25 eng25 humall02 methodall02 cnt25' 'y24 eng24 humall02 methodall02 cnt24''y23 eng23 humall02 methodall02 cnt23''y22 eng22 humall02 methodall02 cnt22''y21 eng22 humall02 methodall03 cnt21'
}
.row-wrap .cell{display:flex;align-items:center;width:100%;padding:3rem;border-radius:5px;border:1px solid var(--border-color14);background:var(--color50);font-size:1.8rem;font-weight:var(--font-weight-bold);line-height:2.6rem;color:var(--black03);box-sizing:border-box;text-align:left;}
.row-wrap .cell:not(.year){background:var(--white100);}
.row-wrap .cell .dot-list > li{position:relative;padding:0 0 1rem 1.1rem;font-size:1.4rem;font-weight:var(--font-weight-medium);line-height:2.2rem;letter-spacing:-0.02em;color:var(--black03);}
.row-wrap .cell .dot-list > li::before{content:'';position:absolute;top:1rem;left:0;width:3px;height:3px;border-radius:50%;background:var(--color124);}
.row-wrap .count{display:flex;justify-content:center;align-items:center;}
.row-wrap .count strong{position:relative;padding:0 0 0 2.368rem;font-size:1.6rem;font-weight:var(--font-weight-bold);line-height:2.2rem;letter-spacing:-0.02em;color:var(--black03);text-align:center;}
.row-wrap .count strong::before{content:'';position:absolute;left:0;top:50%;width:1.7rem;height:1.7rem;background:url(../img/common/ico-edu-system-count.png) no-repeat center center / 100%;transform:translateY(-50%);}

@media screen and (max-width:1024.98px){
	.edu-system-wrap{overflow-x:auto;max-width:100%;}
	.edu-system-wrap .edu-system-box{min-width:120rem;}
}

@media screen and (max-width:768px){
	.lecture-box{flex-wrap:wrap;}
	.lecture-box .thumbnail-box{flex:auto;width:100%;}

}