.background-light .academy-title-lg,.background-light .academy-title-md,.background-light .academy-title-sm{color:#000}
.background-light .academy-subtitle-lg,.background-light .academy-subtitle-md,.background-light .academy-subtitle-sm{color:#000}
.background-light .academy-text-lg,.background-light .academy-text-md,.background-light .academy-text-sm{color:#000}
.background-dark .academy-title-lg,.background-dark .academy-title-md,.background-dark .academy-title-sm{color:#fff}
.background-dark .academy-subtitle-lg,.background-dark .academy-subtitle-md,.background-dark .academy-subtitle-sm{color:#fff}
.background-dark .academy-text-lg,.background-dark .academy-text-md,.background-dark .academy-text-sm{color:#fff}
.academy-title-lg{line-height:1.3;font-weight:700;font-size:66px;font-family:'Poppins'}
@media(max-width:1219px){.academy-title-lg{font-size:54px;font-family:'Poppins'}
}
@media(max-width:767px){.academy-title-lg{font-size:32px;font-family:'Poppins'}
}
.academy-title-md{line-height:1.3;font-weight:700;font-size:48px;font-family:'Poppins'}
@media(max-width:1219px){.academy-title-md{font-size:40px;font-family:'Poppins'}
}
@media(max-width:767px){.academy-title-md{font-size:28px;font-family:'Poppins'}
}
.academy-title-sm{line-height:1.3;font-weight:700;font-size:36px;font-family:'Poppins'}
@media(max-width:1219px){.academy-title-sm{font-size:32px;font-family:'Poppins'}
}
@media(max-width:767px){.academy-title-sm{font-size:24px;font-family:'Poppins'}
}
.academy-subtitle-lg{line-height:1.5;font-weight:500;font-size:30px;font-family:'Poppins'}
@media(max-width:1219px){.academy-subtitle-lg{font-size:30px;font-family:'Poppins'}
}
@media(max-width:767px){.academy-subtitle-lg{font-size:24px;font-family:'Poppins'}
}
.academy-subtitle-md{line-height:1.5;font-weight:500;font-size:24px;font-family:'Poppins'}
@media(max-width:1219px){.academy-subtitle-md{font-size:22px;font-family:'Poppins'}
}
@media(max-width:767px){.academy-subtitle-md{font-size:20px;font-family:'Poppins'}
}
.academy-subtitle-sm{line-height:1.5;font-weight:500;font-size:20px;font-family:'Poppins'}
@media(max-width:1219px){.academy-subtitle-sm{font-size:18px;font-family:'Roboto'}
}
.academy-text-lg{line-height:1.5;font-weight:400;font-size:18px;font-family:'Roboto'}
.academy-text-md{line-height:1.5;font-weight:400;font-size:16px;font-family:'Roboto'}
.academy-text-sm{line-height:1.5;font-weight:400;font-size:12px;font-family:'Roboto'}
.academy-tag{line-height:1.5;font-weight:600;font-size:16px;font-family:'Roboto'}
@media(max-width:767px){.academy-tag{font-size:14px;font-family:'Roboto'}
}
[v-cloak]{display:none}
.flex{display:flex;justify-content:center;align-items:center}
.courseList_wrap{overflow:visible;padding-top:80px;padding-bottom:100px}
.courseList_wrap.bg-gray{background-color:#f2f2f2}
@media(max-width:1219px){.courseList_wrap{padding-top:60px}
}
@media(max-width:767px){.courseList_wrap{padding-top:40px;padding-bottom:60px}
}
.courseList_wrap .courseList{display:flex;flex-direction:column;margin:0 auto}
.courseList_wrap .courseList .title{width:1140px;text-align:center;margin:0 auto;max-height:125px}
@media(min-width:576px){.courseList_wrap .courseList .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
@media(max-width:1219px){.courseList_wrap .courseList .title{width:943px;max-height:104px}
}
@media(max-width:1023px){.courseList_wrap .courseList .title{width:688px}
}
@media(max-width:767px){.courseList_wrap .courseList .title{width:536px;max-height:72px}
}
@media(max-width:575px){.courseList_wrap .courseList .title{width:335px;max-height:unset}
}
.courseList_wrap .courseList .btn{margin-top:20px;margin-left:auto;margin-right:auto;display:flex;justify-content:center;z-index:1}
.courseList_wrap .courseList .cardScroller_wrap{display:flex;flex-wrap:nowrap;box-sizing:border-box;padding-top:40px;margin-top:-10px;margin-bottom:-10px}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap{display:flex;padding-top:10px;padding-bottom:10px;padding-left:calc(((100% - 1440px) / 2) - -40px);padding-right:40px;position:relative;width:100%}
@media(max-width:1440px){.courseList_wrap .courseList .cardScroller_wrap .cards_wrap{padding-left:40px}
}
@media(max-width:767px){.courseList_wrap .courseList .cardScroller_wrap .cards_wrap{padding-left:20px;padding-right:20px}
}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap:hover *{visibility:visible}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .swiper-button-next,.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .swiper-button-prev{opacity:1;transition:.5s ease-in-out}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .swiper-button-disabled{visibility:hidden;opacity:0;transition:.5s ease-in-out}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .swiper-button-disabled :hover{cursor:default}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .left-btn{visibility:hidden;position:absolute;top:50%;left:20px;transform:translateY(-50%);z-index:999}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .right-btn{visibility:hidden;position:absolute;top:50%;right:20px;transform:translateY(-50%);z-index:999}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .swipe-btn{cursor:pointer}
@media(max-width:767px){.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .swipe-btn{display:none}
}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .swipe-btn:hover circle{fill-opacity:.5}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .swipe-btn:active circle{fill-opacity:.6}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card{display:flex;flex-direction:column;background-color:#fff;border-radius:24px;box-sizing:border-box;border:1px solid #f2f2f2;overflow:hidden;min-width:calc((100vw - 168px)/3);max-width:calc((100vw - 168px)/3);position:relative}
@media(min-width:1440px){.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card{min-width:calc((1440px - 168px)/3);max-width:calc((1440px - 168px)/3)}
}
@media(max-width:1023px){.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card{min-width:calc((100vw - 144px)/2);max-width:calc((100vw - 144px)/2)}
}
@media(max-width:767px){.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card{min-width:calc((100vw - 104px)/2);max-width:calc((100vw - 104px)/2)}
}
@media(max-width:575px){.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card{min-width:calc(100vw - 80px);max-width:calc(100vw - 80px)}
}
@media(max-width:1023px){.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card{border-radius:12px}
}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card:hover{cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card:active{box-shadow:0 4px 12px rgba(0,0,0,0.06);border-color:#757575}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .ribbon{position:absolute;top:24px;right:24px;background:#ff6060;box-shadow:0 4px 20px rgba(0,0,0,0.2);border-radius:4px;padding:2px 8px;font-family:"Roboto";font-size:14px;line-height:16px;font-weight:400;color:#fff}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .coverImg{height:238px}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .coverImg img{width:100%;height:238px;object-fit:cover}
@media(max-width:1023px){.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .coverImg img{height:244px}
}
@media(max-width:767px){.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .coverImg img{height:238px}
}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card a,.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card a:hover{text-decoration:none;color:#000}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .content{box-sizing:border-box;padding:12px 12px 22px 12px}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .content .courseTitle,.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .content .progress,.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .content .tags{padding:0 10px}
@media(max-width:1023px){.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .content .courseTitle,.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .content .progress,.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .content .tags{padding:0 6px}
}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .content .courseTitle{font-weight:500;margin-bottom:12px;height:54px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:'Poppins'}
@media(max-width:1023px){.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .content .courseTitle{font-size:16px;height:48px}
}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .content .progress{margin-bottom:20px}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .content .progress .status{display:flex;align-items:center;margin-bottom:2px}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .content .progress .status .text{line-height:1.5;font-weight:500;font-size:14px;font-family:'Roboto';color:#00626b;margin-right:4px}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .content .progress .status .icon{display:flex;align-items:center}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .content .progress .bar{background-color:#f2f2f2;border-radius:12px;height:6px;width:100%}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .content .progress .bar .done{border-radius:12px;height:6px;background-color:#00626b}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .content .tags{display:flex;flex-wrap:wrap;max-height:94px;overflow:hidden}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .card .content .tags .tag{box-sizing:border-box;height:26px;line-height:14px;border:1px solid #f2f2f2;border-radius:32px;display:flex;justify-content:center;padding:6px 10px;margin-right:8px;margin-bottom:8px;color:#757575}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .showAllCard{box-sizing:border-box;display:flex;justify-content:center;align-items:center;background-color:#ede5ca;border:1px solid #f4eed9}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .showAllCard:hover{box-shadow:0 0 10px rgba(0,0,0,0.1)}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .showAllCard:active{border:2px solid #00626b;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .showAllCard .icon{height:40px;margin-top:12px}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .showAllCard .text{margin-top:8px;line-height:1.5;font-weight:400;font-size:16px;font-family:'Roboto';color:#00626b}
.courseList_wrap .courseList .cardScroller_wrap .cards_wrap .showAllCard a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}