.max-w-1140{margin:auto;max-width:1140px}.color-w{color:#fff}#app,#courseList{padding-bottom:120px}.page-wrapper{padding-bottom:0!important}.clickable-panel:hover{cursor:pointer}.search-form{align-items:center;display:flex;justify-content:center}.search-form .category-btn{background-color:#252525;color:#fff;height:40px}.search-form .keyword-input-group{display:inline-block;margin-left:30px;width:500px}.search-form .keyword-input{background-color:#ddd;border:none;box-shadow:none;height:40px}.search-form .keyword-input:focus{box-shadow:none}.search-form .search-btn{background-color:#252525;color:#fff;height:40px}.search-result-wrapper{border:1px solid #ddd;border-radius:2px;padding:20px}.search-result-wrapper .search-label{background-color:#666;font-size:12px;margin:0 .1em;padding:.3em .5em .3em .7em;vertical-align:middle}.search-result-wrapper .search-label .remove{color:#fff;margin-bottom:2px;opacity:.6;top:0;vertical-align:middle}.search-result-wrapper .search-label .remove:hover{opacity:1}.category-info{padding:30px 15px}.category-title{font-size:2rem;font-weight:700;margin-bottom:10px}@media screen and (max-width:500px){.category-title{font-size:1.4rem;margin-top:5px;text-align:center}}.panel-type-change-button-wrapper{display:flex;justify-content:flex-end;margin-bottom:20px}.panel-type-change-button-wrapper .panel-type-change-button{background-color:#ddd;border:none;border-radius:50%;height:34px;position:relative;width:34px}.panel-type-change-button-wrapper .panel-type-change-button i{color:#6d6d6d;font-size:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.duration-color{color:#0abde3}.thumbnail-wrap-list,.thumbnail-wrap-panel{border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);height:0;overflow:hidden;padding-top:75%;position:relative;width:100%}.thumbnail-wrap-panel{margin-bottom:10px}.thumbnail-img{backface-visibility:hidden;font-family:"object-fit:cover";height:calc(100% + 2px);height:auto;left:50%;min-height:100%;min-width:100%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% + 2px);width:100%}.display-favorite-tooltip-wrapper{position:relative}.display-favorite-tooltip-wrapper button{background-color:#ddd;border-radius:50%;height:34px;position:relative;width:34px}.display-favorite-tooltip-wrapper button i{font-size:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.display-favorite-tooltip-wrapper .favorite-tooltip-width-1{left:40%;min-width:124px}.display-favorite-tooltip-wrapper .favorite-tooltip-width-2{left:50%;min-width:64px}.display-favorite-tooltip-wrapper .display-favorite-tooltip{background-color:#252525;border-radius:2px;bottom:calc(100% + 10px);color:#fff;font-size:.75rem;opacity:0;padding:4px 8px;position:absolute;transform:translateX(-50%);transition-duration:.5s;transition-property:opacity;z-index:10}.display-favorite-tooltip-wrapper .display-favorite-tooltip:before{border:5px solid transparent;border-top:6px solid #252525;bottom:-10px;content:"";margin-left:-15px;position:absolute;right:47%;transform:rotate(0deg)}.display-favorite-tooltip-wrapper .display-panel-tooltip{background-color:#252525;border-radius:2px;bottom:calc(100% + 10px);color:#fff;font-size:.75rem;left:50%;min-width:76px;opacity:0;padding:4px 8px;position:absolute;transform:translateX(-50%);transition-duration:.5s;transition-property:opacity;z-index:10}.display-favorite-tooltip-wrapper .display-panel-tooltip:before{border:5px solid transparent;border-top:6px solid #252525;bottom:-10px;content:"";margin-left:-15px;position:absolute;right:44%;transform:rotate(0deg)}.display-favorite-tooltip-wrapper:hover .display-favorite-tooltip,.display-favorite-tooltip-wrapper:hover .display-panel-tooltip{opacity:1}.list-badge,.panel-badge{position:absolute;right:10px;top:10px;z-index:3}.list-badge .badge-img,.panel-badge .badge-img{max-height:40px;max-width:30px}.list-badge{right:10px;top:10px;z-index:2}.list-grayout,.panel-grayout{background-color:hsla(0,0%,60%,.75);border-radius:6px;height:100%;position:absolute;width:100%;z-index:3}.list-grayout .grayout-content,.panel-grayout .grayout-content{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:12px;height:100%;justify-content:center}@media screen and (max-width:500px){.list-grayout .grayout-content,.panel-grayout .grayout-content{font-size:10px}}.list-grayout{height:calc(100% - 24px)}.new-icon{left:-5px;position:absolute;top:-5px;z-index:4}.new-icon-img{width:42px}.panel-ribbon{border-radius:6px;height:100%;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:4}.panel-ribbon:hover{cursor:not-allowed}.panel-ribbon-content{background:#5f5f5f;color:#fff;font-size:12px;letter-spacing:.05em;padding:65px 0 2px;position:absolute;right:-5rem;text-align:center;top:-42px;transform:rotate(45deg);width:172px}.course-panels{display:flex;flex-wrap:wrap}@media screen and (max-width:500px){.course-panels .col-6{padding-left:7px!important;padding-right:7px!important}}.course-panel{margin-bottom:50px;position:relative}.course-panel-title{font-weight:700;margin-bottom:5px}.course-panel .panel-footer-buttons{align-items:center;display:flex;justify-content:space-between}@media screen and (min-width:992px){.course-lists{background:#fff;padding:60px 60px 20px}}@media screen and (max-width:500px){.course-lists .col-5{padding-right:0}}.course-lists .course-list:last-child{border-bottom:none}.course-list{border-bottom:2px solid #ddd;margin-bottom:25px;padding-bottom:25px!important;position:relative}.course-list .list-footer-buttons{align-items:center;display:flex;justify-content:space-between}.list-context{display:flex;flex-direction:column;height:100%;justify-content:space-between}.no-course-context{color:#777;font-size:25px;margin:5rem 2rem;text-align:center}.category-menu{align-items:center;color:#666;cursor:pointer;display:flex;font-size:20px;font-weight:700;text-decoration:none;transition:all .3s ease-out;white-space:nowrap}.category-menu:hover{color:#4d4d4d}.context-menu-separator{padding:0!important}.accordion{border:none!important;border-radius:0!important}.accordion__button{background-color:inherit!important;padding:0!important}.accordion__button .fa-chevrons{color:inherit!important}.accordion__button{background-color:#fff;outline:none;padding:0}.accordion__button .fa-chevrons{color:#999;line-height:1;margin:0}.accordion__button:before{display:none!important}.accordion__button[aria-expanded=false] .close-description,.accordion__button[aria-expanded=false] .fa-chevron-up,.accordion__button[aria-expanded=true] .fa-chevron-down,.accordion__button[aria-expanded=true] .open-description,.accordion__button[aria-selected=false] .close-description,.accordion__button[aria-selected=false] .fa-chevron-up,.accordion__button[aria-selected=true] .fa-chevron-down,.accordion__button[aria-selected=true] .open-description{display:none}.sco-focused{background-color:#fff;border:3px solid #0abde3!important;border-radius:4px;box-shadow:0 5px 20px rgba(0,0,0,.22),0 2px 5px rgba(0,0,0,.24)!important;padding:2px;transform:scale(1.03)}.sco-focused,.sco-focused-release{transition:.3s}.list-badge,.panel-badge{z-index:auto}.clickable-panel:hover{cursor:auto}.page-transition:not([disabled]):hover{cursor:pointer}.course-title{margin-right:5px;overflow:hidden;text-overflow:ellipsis}.btn-learning{margin-left:auto}@media (max-width:767px){.course-meta-wrapper>span{display:block}}@media (min-width:768px){.course-meta-wrapper>span+span{margin-left:5px}}.OverlapAlert{background-color:#fde7e6;border:1px solid #e10a00;border-radius:4px;padding:16px}.OverlapAlert__text{color:#e10a00;display:flex;gap:8px;line-height:1.6}.OverlapAlert__icon{line-height:1.6}.OverlapAlert__linklist{display:flex;flex-direction:column;gap:8px;list-style:none;margin:16px 0 0;padding:0}