.inner { width: 1170px; margin:auto; position: relative; box-sizing: border-box; }


#subVisual { width: 100%;  background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url(https://img.megastudyacademy.co.kr/campus/game_html_img/lecture_list/visual.png);} /*   margin-top: 125px; 삭제 */
#subVisual .inner { margin: auto;  height: 500px;  padding-top: 220px; color:#fff; text-align: center;  }
#subVisual h2 { font-size: 50px;   margin-bottom: 40px; }
#subVisual h2 + p { }
#subVisual .more { position: absolute; right: 0; bottom: 50px; }
#subVisual .more a { display: block; height: 40px; width: 150px; text-align: center; background: #0182fa; color:#fff; line-height: 40px; }

#container {}
#content {}
.con-box {}
.con-box .inner {}
.content0 { }
.content0 .inner { padding-top: 110px; padding-bottom: 190px; }
.content0 .list { display: flex;  justify-content: space-between; flex-wrap: wrap;}
.content0 .list li { margin-bottom: 30px; }
.content0 .list li a { width: 370px; height: 230px; display: block; position: relative; color:#fff ;box-sizing: border-box; padding:10px 15px }
.content0 .list li a .bg{ position: absolute; left: 0; top: 0; width: 370px; height: 230px; overflow: hidden; z-index: -1 }
.content0 .list li a .bg img { transition: 0.3s;}
.content0 .list li:hover a .bg img { transform: scale(1.08); }


/* 추가 :.content0 .list li:not(.last) a  span */
.content0 .list li:not(.last) a  span {display: block; position: absolute; left: 0; top: 0;width: 370px; height: 230px; background: #000; opacity: 0.5;}



.content0 .list li a .txt1 { height: 170px; border-bottom: 1px solid rgba(255,255,255,0.6); position: relative; z-index: 5    } /* 수정 */
.content0 .list li a .txt1 h3 { font-size: 28px; }
.content0 .list li a .txt1 p { text-transform: uppercase; }

.content0 .list li a .txt2 { text-align: right; position: relative; z-index: 5; } /* 수정 */
.content0 .list li a .txt2 em { display: inline-block; line-height: 45px; width: 80px; text-align-last: left; }
.content0 .list li a .txt2 strong { display: inline-block;  font-size: 20px; font-weight: 700; line-height: 45px; }

.content0 .list li.last a{  border: 1px solid #ebeced;}
.content0 .list li.last a img { transition: 0.3s; position: absolute; left: 50%; top: 50%; transform: scale(1) translate(-50%,-50%);}
.content0 .list li.last:hover a img { transform: scale(1.08) translate(-50%,-50%);}
.content0 .list li.last span { display: block; text-align: center; line-height:  230px; font-size: 30px; color:#333 }



/* 개발에서 추가 */
#subVisual h2, #subVisual h2 + p, #subVisual .more a, .content0 .list li a .txt1 h3, .content0 .list li a .txt1 p, .content0 .list li a .txt2 em, .content0 .list li a .txt2 strong{
  font-family: 'Noto Sans KR', sans-serif;	
}
#subVisual h2, .content0 .list li a .txt1 h3{
  font-weight: bold;
}