.profile{width:598px;overflow:hidden;margin:auto;border:1px solid #ccc;border-radius:32px;padding:32px}
@media(max-width:1219px){.profile{border-radius:24px}
}
@media(max-width:767px){.profile{border-radius:12px;width:calc(100vw - 40px);padding:24px}
}
.profile .role-container>li>.title{font-family:'Roboto';font-weight:400;font-size:12px;line-height:14px}
.profile .role-container>li>.text{color:#757575;margin-top:2px;font-family:'Roboto';font-weight:300;font-size:16px;line-height:19px;height:19px}
.profile .profile-title{margin:36px 0 16px;font-family:'Roboto';font-weight:500;font-size:14px;line-height:150%}
@media(max-width:1219px){.profile .profile-title{margin:56px 0 16px}
}
@media(max-width:767px){.profile .profile-title{margin:36px 0 16px}
}
.profile .profile-container{position:relative;display:flex}
@media(max-width:767px){.profile .profile-container{display:block}
}
.profile .profile-container>ul{flex:1}
.profile .profile-container>ul>li+li{margin-top:16px}
.profile .profile-container>ul>li>.title{font-family:'Roboto';font-weight:400;font-size:12px;line-height:14px}
.profile .profile-container>ul>li>.text{color:#757575;margin-top:2px;font-family:'Roboto';font-weight:300;font-size:16px;line-height:19px;height:19px}
.profile .profile-container>ul:first-child{padding-right:56px;margin-right:56px;border-right:1px solid #ccc}
@media(max-width:767px){.profile .profile-container>ul:first-child{border-right:0;border-bottom:1px solid #ccc;padding-right:0;margin-right:0;padding-bottom:24px;margin-bottom:24px}
}
.account-page-component>.account-page-content.preference-settings{width:806px}
@media(max-width:1219px){.account-page-component>.account-page-content.preference-settings{width:570px}
}
@media(max-width:767px){.account-page-component>.account-page-content.preference-settings{margin:40px auto;width:calc(100vw - 40px)}
}
.account-page-component>.account-page-content.preference-settings>.title{text-align:center;font-family:'Roboto';font-weight:400;font-size:14px;line-height:16px}
.account-page-component>.account-page-content.preference-settings>.tag-list-container .tag-list{display:flex;flex-wrap:wrap;margin-top:calc(24px - 10px);justify-content:center;position:relative}
@media(max-width:767px){.account-page-component>.account-page-content.preference-settings>.tag-list-container .tag-list{margin-top:calc(40px - 10px)}
}
.account-page-component>.account-page-content.preference-settings>.tag-list-container .tag-list::-webkit-scrollbar{width:4px}
.account-page-component>.account-page-content.preference-settings>.tag-list-container .tag-list::-webkit-scrollbar-thumb{background:#757575;border-radius:4px}
.account-page-component>.account-page-content.preference-settings>.tag-list-container .tag-list.active{margin-right:-4px;overflow-y:auto}
.account-page-component>.account-page-content.preference-settings>.tag-list-container .tag-list>.tag-item{transition:background .3s,border.3s;display:flex;align-items:center;padding:6px 6px 6px 10px;margin-top:10px;margin-right:10px;border-radius:32px;color:#757575;border:1px solid #f2f2f2;background:#f2f2f2;font-family:'Roboto';font-weight:400;font-size:12px;line-height:14px;cursor:pointer}
.account-page-component>.account-page-content.preference-settings>.tag-list-container .tag-list>.tag-item .tag-name{margin-right:3px}
.account-page-component>.account-page-content.preference-settings>.tag-list-container .tag-list>.tag-item:hover{border:1px solid #ccc}
.account-page-component>.account-page-content.preference-settings>.tag-list-container .tag-list>.tag-item.selected{padding:6px 10px 6px 6px;color:#fff;border:1px solid #00626b;background-color:#00626b}
.account-page-component>.account-page-content.preference-settings>.tag-list-container .tag-list>.tag-item.selected .tag-name{margin-right:0;margin-left:3px}
.account-page-component>.account-page-content.preference-settings>.tag-list-container .tag-list>.tag-item>svg{width:20px;height:20px}
.account-page-component>.account-page-content.preference-settings .button-container{text-align:center;margin-top:60px}
.account-page-component>.account-page-content.preference-settings .button-container>.save-button.disabled{cursor:unset;opacity:.3;border-color:#000 !important;background-color:#000 !important;color:#fff !important}
.account-page-component>.account-page-content.preference-settings .button-container>.reset-button{margin-top:20px;font-family:'Roboto';font-weight:400;font-size:16px;line-height:19px;color:#00626b;opacity:.3;cursor:default;transition:.3s}
.account-page-component>.account-page-content.preference-settings .button-container>.reset-button.active{opacity:1;cursor:pointer}
.account-page-component>.account-page-content.preference-settings .button-container>.reset-button.active:hover{text-decoration:underline}
.account-page-component>.account-page-content.preference-settings .snackbar{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);width:335px;border:1px solid #f2f2f2;border-radius:12px;background-color:#fff;display:flex;padding:19px 16px;justify-content:space-between;align-items:center;opacity:0;z-index:-3;transition:opacity .3s;box-shadow:0 0 10px rgba(0,0,0,0.1)}
@media(max-width:767px){.account-page-component>.account-page-content.preference-settings .snackbar{width:calc(100vw - 40px)}
}
.account-page-component>.account-page-content.preference-settings .snackbar.active{opacity:1;z-index:99}
.account-page-component>.account-page-content.preference-settings .snackbar>.text{font-family:'Roboto';font-weight:400;font-size:14px;line-height:130%;letter-spacing:.02em}
.account-page-component>.account-page-content.preference-settings .snackbar>.undo-button{color:#00626b;font-family:'Roboto';font-weight:500;font-size:14px;line-height:16px}
.account-page-component>.account-page-content.preference-settings .snackbar>.undo-button:hover{cursor:pointer;text-decoration:underline}
.account-page-component>.account-page-content.bookmarks{margin:80px 0 100px;max-width:100%}
@media(max-width:1219px){.account-page-component>.account-page-content.bookmarks{margin:60px 0 80px}
}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks{margin:40px 0 60px}
}
.account-page-component>.account-page-content.bookmarks>div{width:100%;text-align:center}
.account-page-component>.account-page-content.bookmarks>div>.text-container{max-width:1220px;margin:0 auto}
@media(max-width:1219px){.account-page-component>.account-page-content.bookmarks>div>.text-container{max-width:calc(100% - 80px)}
}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div>.text-container{max-width:calc(100% - 40px)}
}
.account-page-component>.account-page-content.bookmarks>div>.text-container>.text{margin-top:16px}
@media(max-width:1219px){.account-page-component>.account-page-content.bookmarks>div>.text-container>.text{margin-top:12px}
}
.account-page-component>.account-page-content.bookmarks>div:first-child>.card-container>.empty-card{background-color:#cadbd4}
.account-page-component>.account-page-content.bookmarks>div:last-child{margin-top:80px}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div:last-child{margin-top:60px}
}
.account-page-component>.account-page-content.bookmarks>div:last-child>.card-container>.empty-card{background-color:#e8d8d7}
.account-page-component>.account-page-content.bookmarks>div>.card-container{margin-top:40px}
@media(max-width:1219px){.account-page-component>.account-page-content.bookmarks>div>.card-container{margin-top:32px}
}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div>.card-container{margin-top:24px}
}
.account-page-component>.account-page-content.bookmarks>div>.card-container.card-exist>.videoListSwiper{width:100%}
.account-page-component>.account-page-content.bookmarks>div>.card-container:not(.card-exist){margin:40px auto 0;max-width:1220px;padding:0 40px}
@media(max-width:1219px){.account-page-component>.account-page-content.bookmarks>div>.card-container:not(.card-exist){max-width:100%}
}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div>.card-container:not(.card-exist){padding:0 20px;margin:24px auto 0}
}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper{overflow:visible;padding-right:80px}
@media screen and (min-width:1441px){.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper{padding-left:calc((100vw - 1440px) / 2 - -40px);padding-right:calc((100vw - 1440px) / 2 - -40px)}
}
@media screen and (max-width:1440px){.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper{padding-left:40px;padding-right:40px}
}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper{padding-left:20px;padding-right:20px}
}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide{max-width:calc((100% - 112px) / 4)}
@media(max-width:1219px){.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide{max-width:calc((100% - 112px) / 4)}
}
@media(max-width:1023px){.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide{max-width:calc((100% - 88px) / 3)}
}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide{max-width:calc((100% - 64px) / 2)}
}
@media(max-width:575px){.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide{max-width:100%}
}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide .anchor-area:has(.videoWrap:hover,.videoTitle:hover) .videoWrap::before{background-color:rgba(0,0,0,0.2)}
@media(max-width:1023px){.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide .anchor-area:has(.videoWrap:hover,.videoTitle:hover) .videoWrap::before{background-color:rgba(0,0,0,0.1)}
}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide .anchor-area:has(.videoWrap:hover,.videoTitle:hover) .videoTitle{color:#00707a}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide .anchor-area:has(.videoWrap:active,.videoTitle:active) .videoWrap::before{background-color:rgba(0,0,0,0.2);border:1px solid #757575}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide .anchor-area:has(.videoWrap:active,.videoTitle:active) .videoTitle{color:#00626b}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide .titleWrap{text-align:left;display:flex;margin-bottom:16px}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide .titleWrap .videoTitle{cursor:pointer;transition:.3s;margin:6px 8px 0;font-family:"Poppins";font-weight:500;font-size:18px;line-height:150%;flex:1;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide .titleWrap .saveTag{height:40px;padding:5px;width:fit-content;margin-right:8px;cursor:pointer}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide .videoWrap{cursor:pointer;width:100%;margin-bottom:12px;padding-top:56.25%;height:0;position:relative;display:block}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide .videoWrap.topic::after{content:'';border-radius:12px;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../images/png/topic-card-label.png');background-size:cover;z-index:2}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide .videoWrap:before{content:'';border-radius:12px;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.1);transition:background-color .3s}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide .videoWrap.locked img{opacity:.7}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide .videoWrap img{width:100%;height:100%;object-fit:cover;position:absolute;aspect-ratio:1.77777778;top:0;left:0;border-radius:12px}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide .videoWrap span{z-index:2;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide .tags{width:100%;display:flex;flex-wrap:wrap;margin-top:-8px;max-height:102px;overflow:hidden}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide .tags span{height:26px;font-family:'Roboto';font-weight:400;font-size:12px;line-height:14px;color:#757575;padding:6px 10px;border-radius:32px;border:1px solid #f2f2f2;white-space:nowrap;display:inline-block;margin-right:8px;margin-top:8px}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide.lastCard .showAllCard{width:100%;height:100%;aspect-ratio:1.77777778;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f1e5e3;text-decoration:none}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide.lastCard .showAllCard .icon{height:40px}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide.lastCard .showAllCard .showAllLink{margin-top:8px;color:#00626b}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide.lastCard .showAllCard:hover{background:#e8d8d7}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .swiper-slide.lastCard .showAllCard:active{border:2px solid #00626b}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .navigation{display:none}
}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .navigation .swiper-button{height:60px;width:60px;opacity:0;transition:.3s}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .navigation .swiper-button svg circle{transition:.3s}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .navigation .swiper-button:hover svg circle{fill-opacity:.5}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .navigation .swiper-button:active svg circle{fill-opacity:.6}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .navigation .videoList-swiper-button-next{right:20px}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .navigation .videoList-swiper-button-prev{left:20px}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .navigation .swiper-button-prev:after,.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .navigation .swiper-button-next:after{content:none}
.account-page-component>.account-page-content.bookmarks>div>.card-container .videoListSwiper .navigation .swiper-button-disabled{opacity:0 !important;z-index:-10}
.account-page-component>.account-page-content.bookmarks>div>.card-container:hover .videoListSwiper .navigation .swiper-button{opacity:1}
.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);width:335px;border:1px solid #f2f2f2;border-radius:12px;background-color:#fff;display:flex;padding:19px 16px;justify-content:space-between;align-items:center;opacity:0;z-index:-3;transition:opacity .3s,z-index .3s;box-shadow:0 0 10px rgba(0,0,0,0.1)}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar{width:calc(100vw - 40px)}
}
.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar.active{opacity:1;z-index:99}
.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar>.text{font-family:'Roboto';font-weight:400;font-size:14px;line-height:130%;letter-spacing:.02em}
.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar>.undo-button{color:#00626b;font-family:'Roboto';font-weight:500;font-size:14px;line-height:16px}
.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar>.undo-button:hover{cursor:pointer;text-decoration:underline}
.account-page-component>.account-page-content.bookmarks>div>.card-container>.empty-card{padding:32px 167px 60px;width:100%;border-radius:32px}
@media(max-width:1219px){.account-page-component>.account-page-content.bookmarks>div>.card-container>.empty-card{padding:20px 63px 40px;border-radius:24px}
}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div>.card-container>.empty-card{padding:20px 24px 40px;border-radius:12px}
}
.account-page-component>.account-page-content.bookmarks>div>.card-container>.empty-card>.title{margin:4px auto 8px}
.account-page-component>.account-page-content.bookmarks>div>.card-container>.empty-card>.icon{margin:auto;width:96px;height:96px;display:block}
.account-page-component>.account-page-content.bookmarks>div>.card-container>.empty-card>.icon>svg{width:100%;height:100%}
.account-page-component{overflow:hidden}
.account-page-component>.account-page-banner{overflow:hidden;width:100vw;height:240px;display:flex;align-items:center;justify-content:center;position:relative}
.account-page-component>.account-page-banner>p{color:#fff;z-index:3;width:1140px;text-align:center}
@media(max-width:1219px){.account-page-component>.account-page-banner>p{width:688px}
}
@media(max-width:767px){.account-page-component>.account-page-banner>p{width:calc(100vw - 40px)}
}
.account-page-component>.account-page-banner>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.account-page-component>.anchor-list{padding:0 calc((100vw - 1220px) / 2);position:relative;width:100%;border:1px solid #f2f2f2;height:60px}
@media(max-width:1219px){.account-page-component>.anchor-list{padding:0;width:100vw}
}
@media(max-width:767px){.account-page-component>.anchor-list{height:46px}
}
.account-page-component>.anchor-list .anchor-list-container{padding:0 20px;display:flex;scroll-behavior:smooth;max-width:calc(100%);overflow:auto;height:100%}
.account-page-component>.anchor-list .anchor-list-container::before,.account-page-component>.anchor-list .anchor-list-container::after{content:'';margin:auto}
.account-page-component>.anchor-list .anchor-list-container a{margin:auto;width:auto;display:flex;align-items:center;height:100%;flex-shrink:0;color:#000;text-decoration:unset;font-family:'Roboto';font-weight:400;font-size:14px;line-height:16px;position:relative}
.account-page-component>.anchor-list .anchor-list-container a::after{content:'';width:100%;height:2px;background-color:#00626b;bottom:10px;left:0;opacity:0;position:absolute;transition:opacity .3s}
.account-page-component>.anchor-list .anchor-list-container a.router-link-exact-active,.account-page-component>.anchor-list .anchor-list-container a.router-link-active{color:#00626b;font-weight:500}
.account-page-component>.anchor-list .anchor-list-container a.router-link-exact-active::after,.account-page-component>.anchor-list .anchor-list-container a.router-link-active::after{opacity:1}
.account-page-component>.anchor-list .anchor-list-container a:not(:first-child){margin-left:14px}
@media(max-width:767px){.account-page-component>.anchor-list .anchor-list-container a:not(:first-child){margin-left:8px}
}
.account-page-component>.anchor-list .anchor-list-container a:not(:last-child){margin-right:14px}
@media(max-width:767px){.account-page-component>.anchor-list .anchor-list-container a:not(:last-child){margin-right:8px}
}
.account-page-component>.anchor-list .anchor-list-container.left-overflow-visible ~ .left-overflow{display:block;z-index:3}
.account-page-component>.anchor-list .anchor-list-container.right-overflow-visible ~ .right-overflow{display:block;z-index:3}
.account-page-component>.anchor-list .anchor-list-container ~ .left-overflow,.account-page-component>.anchor-list .anchor-list-container ~ .right-overflow{position:absolute;height:60px;z-index:3;display:none}
@media(max-width:767px){.account-page-component>.anchor-list .anchor-list-container ~ .left-overflow,.account-page-component>.anchor-list .anchor-list-container ~ .right-overflow{height:46px}
}
.account-page-component>.anchor-list .anchor-list-container ~ .left-overflow svg,.account-page-component>.anchor-list .anchor-list-container ~ .right-overflow svg{height:100%}
.account-page-component>.anchor-list .anchor-list-container ~ .left-overflow{top:0;left:0}
.account-page-component>.anchor-list .anchor-list-container ~ .right-overflow{top:0;right:0}
.account-page-component>.anchor-list .anchor-list-container::-webkit-scrollbar{display:none}
.account-page-component>.account-page-content{margin:60px auto 80px}
@media(max-width:767px){.account-page-component>.account-page-content{margin:40px auto 60px}
}
.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}
.courseHistory_wrap{overflow:visible;padding-top:80px;padding-bottom:100px}
.courseHistory_wrap.bg-gray{background-color:#f2f2f2}
@media(max-width:1219px){.courseHistory_wrap{padding-top:60px}
}
@media(max-width:767px){.courseHistory_wrap{padding-top:40px;padding-bottom:60px}
}
.courseHistory_wrap .courseHistory{display:flex;flex-direction:column;margin:0 auto}
.courseHistory_wrap .courseHistory .title{width:1140px;text-align:center;margin:0 auto;max-height:125px}
@media(min-width:576px){.courseHistory_wrap .courseHistory .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
@media(max-width:1219px){.courseHistory_wrap .courseHistory .title{width:943px;max-height:104px}
}
@media(max-width:1023px){.courseHistory_wrap .courseHistory .title{width:688px}
}
@media(max-width:767px){.courseHistory_wrap .courseHistory .title{width:536px;max-height:72px}
}
@media(max-width:575px){.courseHistory_wrap .courseHistory .title{width:335px;max-height:unset}
}
.courseHistory_wrap .courseHistory .btn{margin-top:20px;margin-left:auto;margin-right:auto;display:flex;justify-content:center;z-index:1}
.courseHistory_wrap .courseHistory .cardScroller_wrap{display:flex;flex-wrap:nowrap;box-sizing:border-box;padding-top:40px;margin-top:-10px;margin-bottom:-10px}
.courseHistory_wrap .courseHistory .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){.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap{padding-left:40px}
}
@media(max-width:767px){.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap{padding-left:20px;padding-right:20px}
}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap:hover *{visibility:visible}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .swiper-button-next,.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .swiper-button-prev{opacity:1;transition:.5s ease-in-out}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .swiper-button-disabled{visibility:hidden;opacity:0;transition:.5s ease-in-out}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .swiper-button-disabled :hover{cursor:default}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .left-btn{visibility:hidden;position:absolute;top:50%;left:20px;transform:translateY(-50%);z-index:999}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .right-btn{visibility:hidden;position:absolute;top:50%;right:20px;transform:translateY(-50%);z-index:999}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .swipe-btn{cursor:pointer}
@media(max-width:767px){.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .swipe-btn{display:none}
}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .swipe-btn:hover circle{fill-opacity:.5}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .swipe-btn:active circle{fill-opacity:.6}
.courseHistory_wrap .courseHistory .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){.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card{min-width:calc((1440px - 168px)/3);max-width:calc((1440px - 168px)/3)}
}
@media(max-width:1023px){.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card{min-width:calc((100vw - 144px)/2);max-width:calc((100vw - 144px)/2)}
}
@media(max-width:767px){.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card{min-width:calc((100vw - 104px)/2);max-width:calc((100vw - 104px)/2)}
}
@media(max-width:575px){.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card{min-width:calc(100vw - 80px);max-width:calc(100vw - 80px)}
}
@media(max-width:1023px){.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card{border-radius:12px}
}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card:hover{cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card:active{box-shadow:0 4px 12px rgba(0,0,0,0.06);border-color:#757575}
.courseHistory_wrap .courseHistory .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}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .coverImg{height:238px}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .coverImg img{width:100%;height:238px;object-fit:cover}
@media(max-width:1023px){.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .coverImg img{height:244px}
}
@media(max-width:767px){.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .coverImg img{height:238px}
}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card a,.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card a:hover{text-decoration:none;color:#000}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .content{box-sizing:border-box;padding:12px 12px 22px 12px}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .content .courseTitle,.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .content .progress,.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .content .tags{padding:0 10px}
@media(max-width:1023px){.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .content .courseTitle,.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .content .progress,.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .content .tags{padding:0 6px}
}
.courseHistory_wrap .courseHistory .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){.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .content .courseTitle{font-size:16px;height:48px}
}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .content .progress{margin-bottom:20px}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .content .progress .status{display:flex;align-items:center;margin-bottom:2px}
.courseHistory_wrap .courseHistory .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}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .content .progress .status .icon{display:flex;align-items:center}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .content .progress .bar{background-color:#f2f2f2;border-radius:12px;height:6px;width:100%}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .content .progress .bar .done{border-radius:12px;height:6px;background-color:#00626b}
.courseHistory_wrap .courseHistory .cardScroller_wrap .cards_wrap .card .content .tags{display:flex;flex-wrap:wrap;max-height:94px;overflow:hidden}
.courseHistory_wrap .courseHistory .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}
.account-page-component>.account-page-content.bookmarks{margin:80px 0 100px;max-width:100%}
@media(max-width:1219px){.account-page-component>.account-page-content.bookmarks{margin:60px 0 80px}
}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks{margin:40px 0 60px}
}
.account-page-component>.account-page-content.bookmarks>div{width:100%;text-align:center}
.account-page-component>.account-page-content.bookmarks>div>.text-container{max-width:1220px;margin:0 auto}
@media(max-width:1219px){.account-page-component>.account-page-content.bookmarks>div>.text-container{max-width:calc(100% - 80px)}
}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div>.text-container{max-width:calc(100% - 40px)}
}
.account-page-component>.account-page-content.bookmarks>div>.text-container>.text{margin-top:16px}
@media(max-width:1219px){.account-page-component>.account-page-content.bookmarks>div>.text-container>.text{margin-top:12px}
}
.account-page-component>.account-page-content.bookmarks>div:last-child{margin-top:80px}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div:last-child{margin-top:60px}
}
.account-page-component>.account-page-content.bookmarks>div>.card-container{margin-top:40px}
@media(max-width:1219px){.account-page-component>.account-page-content.bookmarks>div>.card-container{margin-top:32px}
}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div>.card-container{margin-top:24px}
}
.account-page-component>.account-page-content.bookmarks>div>.card-container.card-exist>.videoListSwiper{width:100%}
.account-page-component>.account-page-content.bookmarks>div>.card-container:not(.card-exist){margin:40px auto 0;max-width:1220px;padding:0 40px}
@media(max-width:1219px){.account-page-component>.account-page-content.bookmarks>div>.card-container:not(.card-exist){max-width:100%}
}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div>.card-container:not(.card-exist){padding:0 20px;margin:24px auto 0}
}
.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);width:335px;border:1px solid #f2f2f2;border-radius:12px;background-color:#fff;display:flex;padding:19px 16px;justify-content:space-between;align-items:center;opacity:0;z-index:-3;transition:opacity .3s,z-index .3s;box-shadow:0 0 10px rgba(0,0,0,0.1)}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar{width:calc(100vw - 40px)}
}
.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar.active{opacity:1;z-index:99}
.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar>.text{font-family:'Roboto';font-weight:400;font-size:14px;line-height:130%;letter-spacing:.02em}
.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar>.undo-button{color:#00626b;font-family:'Roboto';font-weight:500;font-size:14px;line-height:16px}
.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar>.undo-button:hover{cursor:pointer;text-decoration:underline}
.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}
.downloadableResources_wrap{overflow:visible;padding-top:80px;padding-bottom:100px}
.downloadableResources_wrap.bg-gray{background-color:#f2f2f2}
@media(max-width:1219px){.downloadableResources_wrap{padding-top:60px}
}
@media(max-width:767px){.downloadableResources_wrap{padding-top:40px;padding-bottom:60px}
}
.downloadableResources_wrap .downloadableResources{display:flex;flex-direction:column;margin:0 auto}
.downloadableResources_wrap .downloadableResources .title{width:1140px;text-align:center;margin:0 auto;max-height:125px}
@media(min-width:576px){.downloadableResources_wrap .downloadableResources .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
@media(max-width:1219px){.downloadableResources_wrap .downloadableResources .title{width:943px;max-height:104px}
}
@media(max-width:1023px){.downloadableResources_wrap .downloadableResources .title{width:688px}
}
@media(max-width:767px){.downloadableResources_wrap .downloadableResources .title{width:536px;max-height:72px}
}
@media(max-width:575px){.downloadableResources_wrap .downloadableResources .title{width:335px;max-height:unset}
}
.downloadableResources_wrap .downloadableResources .btn{margin-top:20px;margin-left:auto;margin-right:auto;display:flex;justify-content:center;z-index:1}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap{display:flex;flex-wrap:nowrap;box-sizing:border-box;padding-top:40px;flex-direction:column;margin-top:-10px;margin-bottom:-10px}
.downloadableResources_wrap .downloadableResources .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){.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap{padding-left:40px}
}
@media(max-width:767px){.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap{padding-left:20px;padding-right:20px}
}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap:hover *{visibility:visible}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .swiper-button-next,.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .swiper-button-prev{opacity:1;transition:.5s ease-in-out}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .swiper-button-disabled{visibility:hidden;opacity:0;transition:.5s ease-in-out}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .swiper-button-disabled :hover{cursor:default}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .left-btn{visibility:hidden;position:absolute;top:50%;left:20px;transform:translateY(-50%);z-index:999}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .right-btn{visibility:hidden;position:absolute;top:50%;right:20px;transform:translateY(-50%);z-index:999}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .swipe-btn{cursor:pointer}
@media(max-width:767px){.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .swipe-btn{display:none}
}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .swipe-btn:hover circle{fill-opacity:.5}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .swipe-btn:active circle{fill-opacity:.6}
.downloadableResources_wrap .downloadableResources .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){.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card{min-width:calc((1440px - 168px)/3);max-width:calc((1440px - 168px)/3)}
}
@media(max-width:1023px){.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card{min-width:calc((100vw - 144px)/2);max-width:calc((100vw - 144px)/2)}
}
@media(max-width:767px){.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card{min-width:calc((100vw - 104px)/2);max-width:calc((100vw - 104px)/2)}
}
@media(max-width:575px){.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card{min-width:calc(100vw - 80px);max-width:calc(100vw - 80px)}
}
@media(max-width:1023px){.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card{border-radius:12px}
}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card:hover{cursor:grab;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card:active{cursor:grabbing;box-shadow:0 4px 12px rgba(0,0,0,0.06);border-color:#757575}
.downloadableResources_wrap .downloadableResources .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}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .coverImg{height:238px}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .coverImg:hover{cursor:pointer}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .coverImg img{width:100%;height:238px;object-fit:cover}
@media(max-width:1023px){.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .coverImg img{height:244px}
}
@media(max-width:767px){.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .coverImg img{height:238px}
}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card a,.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card a:hover{text-decoration:none;color:#000}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .content{box-sizing:border-box;padding:12px 12px 22px 12px;height:172px;display:flex;flex-direction:column;justify-content:space-between}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .content .card-title,.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .content .progress,.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .content .tags{padding:0 10px}
@media(max-width:1023px){.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .content .card-title,.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .content .progress,.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .content .tags{padding:0 6px}
}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .content .card-title{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){.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .content .card-title{font-size:16px;height:48px}
}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .content .download-one-button-container{width:100%;display:flex;justify-content:center}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .content .download-one-button-container .download-one-button{display:flex;align-items:center}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .content .download-one-button-container .download-one-button .download-icon{margin-left:8px;width:18px;height:18px}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .cards_wrap .card .content .download-one-button-container .download-one-button:hover .download-svg{transition:.3s;fill:#00707a}
.downloadableResources_wrap .downloadableResources .cardScroller_wrap .download-all-button-container{display:flex;justify-content:center;margin-top:60px}
.account-page-component>.account-page-content.bookmarks{margin:80px 0 100px;max-width:100%}
@media(max-width:1219px){.account-page-component>.account-page-content.bookmarks{margin:60px 0 80px}
}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks{margin:40px 0 60px}
}
.account-page-component>.account-page-content.bookmarks>div{width:100%;text-align:center}
.account-page-component>.account-page-content.bookmarks>div>.text-container{max-width:1220px;margin:0 auto}
@media(max-width:1219px){.account-page-component>.account-page-content.bookmarks>div>.text-container{max-width:calc(100% - 80px)}
}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div>.text-container{max-width:calc(100% - 40px)}
}
.account-page-component>.account-page-content.bookmarks>div>.text-container>.text{margin-top:16px}
@media(max-width:1219px){.account-page-component>.account-page-content.bookmarks>div>.text-container>.text{margin-top:12px}
}
.account-page-component>.account-page-content.bookmarks>div:last-child{margin-top:80px}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div:last-child{margin-top:60px}
}
.account-page-component>.account-page-content.bookmarks>div>.card-container{margin-top:40px}
@media(max-width:1219px){.account-page-component>.account-page-content.bookmarks>div>.card-container{margin-top:32px}
}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div>.card-container{margin-top:24px}
}
.account-page-component>.account-page-content.bookmarks>div>.card-container.card-exist>.videoListSwiper{width:100%}
.account-page-component>.account-page-content.bookmarks>div>.card-container:not(.card-exist){margin:40px auto 0;max-width:1220px;padding:0 40px}
@media(max-width:1219px){.account-page-component>.account-page-content.bookmarks>div>.card-container:not(.card-exist){max-width:100%}
}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div>.card-container:not(.card-exist){padding:0 20px;margin:24px auto 0}
}
.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);width:335px;border:1px solid #f2f2f2;border-radius:12px;background-color:#fff;display:flex;padding:19px 16px;justify-content:space-between;align-items:center;opacity:0;z-index:-3;transition:opacity .3s,z-index .3s;box-shadow:0 0 10px rgba(0,0,0,0.1)}
@media(max-width:767px){.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar{width:calc(100vw - 40px)}
}
.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar.active{opacity:1;z-index:99}
.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar>.text{font-family:'Roboto';font-weight:400;font-size:14px;line-height:130%;letter-spacing:.02em}
.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar>.undo-button{color:#00626b;font-family:'Roboto';font-weight:500;font-size:14px;line-height:16px}
.account-page-component>.account-page-content.bookmarks>div>.card-container .snackbar>.undo-button:hover{cursor:pointer;text-decoration:underline}
[v-cloak]{display:none}
.video-history-component{padding-top:80px;padding-bottom:100px}
@media(max-width:1219px){.video-history-component{padding-top:60px}
}
@media(max-width:767px){.video-history-component{padding-top:40px;padding-bottom:60px}
}
.video-history-component .video-history-container{margin-left:auto;margin-right:auto;max-width:1440px}
.video-history-component .video-history-container .video-history-title{text-align:center;margin-bottom:40px}
@media(max-width:1219px){.video-history-component .video-history-container .video-history-title{width:calc(100% - 80px);margin-left:auto;margin-right:auto}
}
@media(max-width:767px){.video-history-component .video-history-container .video-history-title{margin-bottom:32px}
}
.video-history-component .video-history-container .video-history-title .link{margin:20px auto 0;width:fit-content}
.video-history-component .videoHistoryContainer .videoHistorySwiper{padding-left:calc((100vw - 1440px) / 2 - -40px);padding-right:calc((100vw - 1440px) / 2 - -40px)}
@media(max-width:1440px){.video-history-component .videoHistoryContainer .videoHistorySwiper{padding-left:40px;padding-right:40px}
}
@media(max-width:767px){.video-history-component .videoHistoryContainer .videoHistorySwiper{padding-left:20px;padding-right:20px}
}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide{max-width:calc((100% - 112px) / 4)}
@media(max-width:1219px){.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide{max-width:calc((100% - 112px) / 4)}
}
@media(max-width:1023px){.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide{max-width:calc((100% - 88px) / 3)}
}
@media(max-width:767px){.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide{max-width:calc((100% - 64px) / 2)}
}
@media(max-width:575px){.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide{max-width:calc(100% - 40px)}
}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .videoCard{text-decoration:none}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .videoCard:has(.videoWrap:hover,.videoTitle:hover) img{opacity:.8}
@media(max-width:1023px){.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .videoCard:has(.videoWrap:hover,.videoTitle:hover) img{opacity:.9}
}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .videoCard:has(.videoWrap:hover,.videoTitle:hover) .videoTitle{color:#00707a}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .videoCard:has(.videoWrap:active,.videoTitle:active) img{opacity:.8;border:1px solid #757575}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .videoCard:has(.videoWrap:active,.videoTitle:active) .videoTitle{color:#00626b}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .videoWrap{width:100%;margin-bottom:12px;padding-top:56.25%;height:0;position:relative;display:block;border-radius:14px;background:#000;border:1px solid #f2f2f2}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .videoWrap.locked{background:unset}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .videoWrap.locked img{opacity:.3 !important}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .videoWrap:not(.locked) span{filter:drop-shadow(0 0 20px rgba(0,0,0,0.2))}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .videoWrap img{opacity:.9;width:100%;height:100%;position:absolute;aspect-ratio:1.77777778;top:0;left:0;border-radius:12px;object-fit:cover}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .videoWrap .ribbon{position:absolute;top:12px;right:12px;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}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .videoWrap span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .titleWrap{display:flex;padding-bottom:16px;margin-bottom:-8px}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .titleWrap .videoTitle{text-decoration:none;color:#000;margin:6px 8px 0;font-family:"Poppins";font-weight:500;font-size:18px;line-height:150%;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .titleWrap .saveTag{height:40px;padding:5px;width:fit-content;margin-right:8px;cursor:pointer}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .titleWrap .saveTag .unsaved:hover path{fill:#000}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .titleWrap .saveTag .saved:hover path{fill:#00707a}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .tags{width:100%;max-height:109px;overflow:hidden}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide .tags span{font-family:"Roboto";font-weight:400;font-size:12px;line-height:14.06px;color:#757575;padding:6px 10px;border-radius:32px;border:1px solid #f2f2f2;white-space:nowrap;display:inline-block;margin-right:8px;margin-top:8px}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide.lastCard .showAllCardWrap{width:100%;padding-top:56.25%;position:relative}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide.lastCard .showAllCardWrap .showAllCard{width:100%;height:100%;aspect-ratio:1.77777778;border-radius:12px;position:absolute;aspect-ratio:1.77777778;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f1e5e3;text-decoration:none}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide.lastCard .showAllCardWrap .showAllCard .icon{height:40px}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide.lastCard .showAllCardWrap .showAllCard .showAllLink{margin-top:8px;color:#00626b}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide.lastCard .showAllCardWrap .showAllCard:hover{background:#e8d8d7}
.video-history-component .videoHistoryContainer .videoHistorySwiper .swiper-slide.lastCard .showAllCardWrap .showAllCard:active{border:2px solid #00626b}
@media(max-width:767px){.video-history-component .videoHistoryContainer .videoHistorySwiper .navigation{display:none}
}
.video-history-component .videoHistoryContainer .videoHistorySwiper .navigation .swiper-button{height:60px;width:60px;opacity:0;transition:.3s}
.video-history-component .videoHistoryContainer .videoHistorySwiper .navigation .swiper-button:hover svg circle{fill-opacity:.5}
.video-history-component .videoHistoryContainer .videoHistorySwiper .navigation .swiper-button:active svg circle{fill-opacity:.6}
.video-history-component .videoHistoryContainer .videoHistorySwiper .navigation .videoHistory-swiper-button-next{right:20px}
.video-history-component .videoHistoryContainer .videoHistorySwiper .navigation .videoHistory-swiper-button-prev{left:20px}
.video-history-component .videoHistoryContainer .videoHistorySwiper .navigation .swiper-button-prev:after,.video-history-component .videoHistoryContainer .videoHistorySwiper .navigation .swiper-button-next:after{content:none}
.video-history-component .videoHistoryContainer .videoHistorySwiper .navigation .swiper-button-disabled{opacity:0 !important;z-index:-10}
.video-history-component .videoHistoryContainer:hover .videoHistorySwiper .navigation .swiper-button{opacity:1}
.video-history-component .snackbar{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);width:335px;border:1px solid #f2f2f2;border-radius:12px;background-color:#fff;display:flex;padding:19px 16px;justify-content:space-between;align-items:center;opacity:0;z-index:-3;transition:opacity .3s,z-index .3s;box-shadow:0 0 10px rgba(0,0,0,0.1)}
@media(max-width:767px){.video-history-component .snackbar{width:calc(100vw - 40px)}
}
.video-history-component .snackbar.active{opacity:1;z-index:99}
.video-history-component .snackbar>.text{font-family:'Roboto';font-weight:400;font-size:14px;line-height:130%;letter-spacing:.02em}
.video-history-component .snackbar>.undo-button{color:#00626b;font-family:'Roboto';font-weight:500;font-size:14px;line-height:16px}
.video-history-component .snackbar>.undo-button:hover{cursor:pointer;text-decoration:underline}
.account-page-component>.account-page-content.learning-portfolio{margin:0 0 120px;max-width:100%}
@media(max-width:1219px){.account-page-component>.account-page-content.learning-portfolio{margin:0}
}
.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner{display:flex;justify-content:center;margin-top:60px;margin-bottom:60px}
@media(max-width:1219px){.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner{margin-bottom:80px}
}
@media(max-width:767px){.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner{flex-direction:column;margin-top:40px;margin-bottom:40px}
}
.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner .count-item{display:flex;flex-direction:column;align-items:center;font-family:Roboto}
@media(min-width:768px){.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner .count-item:not(:first-of-type){padding-left:40px;border-left:1px solid #ccc}
.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner .count-item:not(:last-of-type){padding-right:40px}
}
@media(max-width:767px){.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner .count-item:not(:first-of-type)::before{margin-bottom:12px;content:"";display:block;width:40px;height:1px;background-color:#ccc}
.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner .count-item:not(:last-of-type){padding-bottom:12px}
}
.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner .count-item .value{color:#00626b}
.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner .count-item .value .num{font-size:64px;font-weight:400;line-height:75px;height:75px;display:inline-block}
@media(max-width:1219px){.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner .count-item .value .num{line-height:50px;height:50px}
}
.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner .count-item .value .num:not(:first-of-type){margin-left:10px}
@media(max-width:767px){.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner .count-item .value .num{font-size:24px;font-weight:500;line-height:24px;height:24px}
.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner .count-item .value .num:not(:first-of-type){margin-left:8px}
}
.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner .count-item .value .unit{font-size:14px;font-weight:500;display:inline-block;line-height:16.41px}
@media(max-width:767px){.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner .count-item .value .unit{font-size:12px;line-height:14.06px}
}
.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner .count-item .title{font-size:14px;font-weight:400;line-height:16.41px;text-align:center}
@media(max-width:1219px){.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner .count-item .title{margin-top:20px}
}
@media(max-width:767px){.account-page-component>.account-page-content.learning-portfolio .learning-portfolio-banner .count-item .title{margin-top:4px;font-size:12px;line-height:18px}
}
.account-page-component>.account-page-content.learning-portfolio .learning-items>div{padding-top:0;padding-bottom:0}
@media(min-width:1220px){.account-page-component>.account-page-content.learning-portfolio .learning-items>div:not(:first-of-type){margin-top:120px}
.account-page-component>.account-page-content.learning-portfolio .learning-items>div:not(:first-of-type).empty-item{margin-top:80px}
}
@media(max-width:1219px){.account-page-component>.account-page-content.learning-portfolio .learning-items>div{margin-top:40px;margin-bottom:80px}
.account-page-component>.account-page-content.learning-portfolio .learning-items>div.empty-item{margin-top:0;margin-bottom:80px}
}
@media(max-width:767px){.account-page-component>.account-page-content.learning-portfolio .learning-items>div{margin-bottom:60px}
.account-page-component>.account-page-content.learning-portfolio .learning-items>div.empty-item{margin-top:0;margin-bottom:60px}
}
.account-page-component>.account-page-content.learning-portfolio .learning-items>div .empty-card{padding:32px 167px 60px;width:1140px;border-radius:32px;margin:40px auto 0;display:flex;flex-direction:column;align-items:center}
@media(max-width:1219px){.account-page-component>.account-page-content.learning-portfolio .learning-items>div .empty-card{width:calc(100vw - 80px);padding:20px 63px 40px;border-radius:24px}
}
@media(max-width:767px){.account-page-component>.account-page-content.learning-portfolio .learning-items>div .empty-card{width:calc(100vw - 40px);padding:20px 24px 40px;border-radius:12px}
}
.account-page-component>.account-page-content.learning-portfolio .learning-items>div .empty-card>.title{margin:4px auto 8px;width:100%;text-align:center}
.account-page-component>.account-page-content.learning-portfolio .learning-items>div .empty-card>.icon{margin:auto;width:96px;height:96px;display:block}
.account-page-component>.account-page-content.learning-portfolio .learning-items>div .empty-card>.icon>svg{width:100%;height:100%}
.account-page-component>.account-page-content.learning-portfolio .learning-items>div .empty-card .text{width:100%;text-align:center}
.account-page-component>.account-page-content.learning-portfolio .learning-items>div .empty-card .empty-btn{margin-top:24px;width:fit-content}