.max-w-1140{max-width:1140px;margin:auto}.color-w{color:#fff}#app,#courseList{padding-bottom:120px}.page-wrapper{padding-bottom:0!important}.clickable-panel:hover{cursor:pointer}.search-form{display:flex;justify-content:center;align-items:center}.search-form .category-btn{height:40px;background-color:#252525;color:#fff}.search-form .keyword-input-group{display:inline-block;width:500px;margin-left:30px}.search-form .keyword-input{height:40px;background-color:#ddd;border:none;box-shadow:none}.search-form .keyword-input:focus{box-shadow:none}.search-form .search-btn{height:40px;background-color:#252525;color:#fff}.search-result-wrapper{padding:20px;border:1px solid #ddd;border-radius:2px}.search-result-wrapper .search-label{font-size:12px;padding:.3em .5em .3em .7em;margin:0 .1em;vertical-align:middle;background-color:#666}.search-result-wrapper .search-label .remove{opacity:.6;color:#fff;vertical-align:middle;top:0;margin-bottom:2px}.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 (width <= 500px){.category-title{text-align:center;font-size:1.4rem;margin-top:5px}}.panel-type-change-button-wrapper{margin-bottom:20px;display:flex;justify-content:flex-end}.panel-type-change-button-wrapper .panel-type-change-button{border:none;border-radius:50%;width:34px;height:34px;background-color:#ddd;position:relative}.panel-type-change-button-wrapper .panel-type-change-button i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:#6d6d6d}.duration-color{color:#0abde3}.thumbnail-wrap-list,.thumbnail-wrap-panel{border-radius:6px;width:100%;height:0;overflow:hidden;padding-top:75%;position:relative;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.thumbnail-wrap-panel{margin-bottom:10px}.thumbnail-img{height:calc(100% + 2px);font-family:"object-fit:cover";object-fit:cover;width:calc(100% + 2px);backface-visibility:hidden;height:auto;min-height:100%;min-width:100%;width:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.display-favorite-tooltip-wrapper{position:relative}.display-favorite-tooltip-wrapper button{border-radius:50%;width:34px;height:34px;background-color:#ddd;position:relative}.display-favorite-tooltip-wrapper button i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px}.display-favorite-tooltip-wrapper .favorite-tooltip-width-1{min-width:124px;left:40%}.display-favorite-tooltip-wrapper .favorite-tooltip-width-2{min-width:64px;left:50%}.display-favorite-tooltip-wrapper .display-favorite-tooltip{font-size:.75rem;position:absolute;z-index:10;bottom:calc(100% + 10px);transform:translateX(-50%);background-color:#252525;color:#fff;padding:4px 8px;border-radius:2px;transition-property:opacity;transition-duration:.5s;opacity:0}.display-favorite-tooltip-wrapper .display-favorite-tooltip:before{content:"";position:absolute;bottom:-10px;right:47%;border:5px solid #0000;border-top:6px solid #252525;margin-left:-15px;transform:rotate(0deg)}.display-favorite-tooltip-wrapper .display-panel-tooltip{font-size:.75rem;position:absolute;z-index:10;bottom:calc(100% + 10px);transform:translateX(-50%);background-color:#252525;color:#fff;padding:4px 8px;border-radius:2px;transition-property:opacity;transition-duration:.5s;opacity:0;min-width:76px;left:50%}.display-favorite-tooltip-wrapper .display-panel-tooltip:before{content:"";position:absolute;bottom:-10px;right:44%;border:5px solid #0000;border-top:6px solid #252525;margin-left:-15px;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;z-index:3;right:10px;top:10px}.list-badge .badge-img,.panel-badge .badge-img{max-width:30px;max-height:40px}.list-badge{z-index:2;right:10px;top:10px}.list-grayout,.panel-grayout{position:absolute;background-color:#999999bf;z-index:3;height:100%;width:100%;border-radius:6px}.list-grayout .grayout-content,.panel-grayout .grayout-content{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:12px}@media screen and (width <= 500px){.list-grayout .grayout-content,.panel-grayout .grayout-content{font-size:10px}}.list-grayout{height:calc(100% - 24px)}.new-icon{position:absolute;z-index:4;top:-5px;left:-5px}.new-icon-img{width:42px}.panel-ribbon{position:absolute;top:0;right:0;width:100%;height:100%;overflow:hidden;z-index:4;border-radius:6px}.panel-ribbon:hover{cursor:not-allowed}.panel-ribbon-content{position:absolute;padding:65px 0 2px;right:-5rem;top:-42px;width:172px;text-align:center;background:#5f5f5f;color:#fff;letter-spacing:.05em;transform:rotate(45deg);font-size:12px}.course-panels{display:flex;flex-wrap:wrap}@media screen and (width <= 500px){.course-panels .col-6{padding-right:7px!important;padding-left:7px!important}}.course-panel{margin-bottom:50px;position:relative}.course-panel-title{font-weight:700;margin-bottom:5px}.course-panel .panel-footer-buttons{display:flex;justify-content:space-between;align-items:center}@media screen and (width >= 992px){.course-lists{padding:60px 60px 20px;background:#fff}}@media screen and (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;padding-bottom:25px!important;margin-bottom:25px;position:relative}.course-list .list-footer-buttons{display:flex;justify-content:space-between;align-items:center}.list-context{display:flex;flex-direction:column;justify-content:space-between;height:100%}.no-course-context{text-align:center;color:#777;margin:5rem 2rem;font-size:25px}.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{outline:none;background-color:#fff;padding:0}.accordion__button .fa-chevrons{color:#999;margin:0;line-height:1}.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{box-shadow:0 5px 20px #00000038,0 2px 5px #0000003d!important;background-color:#fff;transform:scale(1.03);border:3px solid #0abde3!important;border-radius:4px;padding:2px}.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{overflow:hidden;text-overflow:ellipsis;margin-right:5px}.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{padding:16px;background-color:#fde7e6;border:1px solid #e10a00;border-radius:4px}.OverlapAlert__text{display:flex;gap:8px;line-height:1.6;color:#e10a00}.OverlapAlert__icon{line-height:1.6}.OverlapAlert__linklist{display:flex;flex-direction:column;gap:8px;padding:0;margin:16px 0 0;list-style:none}