@charset "UTF-8"; @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css");

.sub_content { min-height: 340px; box-sizing: border-box; overflow: hidden; }
.OpenCourseInfo_m * { font-family: "Pretendard", sans-serif; text-decoration: none; box-sizing: border-box;}

.OpenCourseInfo_m { position: relative; }
.OpenCourseInfo_m img { width: 100%; position: relative; }

.topImg_m .txt { position:absolute; top:28vw; width:100%; text-align:center; letter-spacing:-2px; z-index:10; }
.topImg_m .txt span { color:#028c6d; font-size:7.8vw; font-weight:700; }
.topImg_m .txt strong { display:block; font-size:12vw; letter-spacing:-3px; font-weight: 900;}

.topImg_m p { position: absolute; font-size: 5.5vw; top: 123.7vw; left: 36vw; line-height: 11vw; font-weight: 700; }

.lecture { position: relative; margin: 14vw auto; width: 100%; text-align: center; }

/* 버튼 */
.buttonWrap { width: 90%; margin: 30px auto; display: block; }
.buttonWrap a {display: flex; align-items: center; justify-content: center; position: relative;border-radius: 3vw;height: 16vw;}
.buttonWrap a p {font-size: 5vw; font-weight: 600; text-align: center;}
.btn_black {   background-color: #232227; margin-bottom: 1.6vw; }
.btn_black p { color: #fff;  }
.btn_white {  border: solid 1vw #232227;  background-color: #fff; }
.btn_white p { color: #232227; }

.bottom .buttonWrap {position: absolute; bottom: 3vw; left: 50%; transform: translateX(-50%);}