@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com/
 */

.cosmosfarm-simple-lms-button,
.cosmosfarm-simple-lms-button:focus { display: block; margin: 0 auto; padding: 10px; width: 50%; line-height: 1; border-radius: 3px; background-color: #ebecec; color: black; box-sizing: border-box; } 
.cosmosfarm-simple-lms-button:hover { background-color: #303841; color: #ffffff; } 
.cosmosfarm-simple-lms-button.disabled { color: gray; cursor: auto; } 
.cosmosfarm-simple-lms-button.disabled:hover { display: block; margin: 0 auto; padding: 10px; width: 50%; line-height: 1; border-radius: 3px; background-color: #ebecec; color: gray; box-sizing: border-box; } 
@media screen and (max-width: 600px){
 .cosmosfarm-simple-lms-button { width: 100%; } 
 }

.cosmosfarm-simple-lms .simple-lms-description { } 
.cosmosfarm-simple-lms .simple-lms-title { margin: 30px 0 0 0; padding-bottom: 10px; font-size: 20px; color: black; border-bottom: 1px solid #eeeeee;} 
.cosmosfarm-simple-lms .simple-lms-content { padding: 10px 0; border-bottom: 1px solid #eeeeee; } 
.cosmosfarm-simple-lms .simple-lms-content .simple-lms-info { position: relative; overflow: hidden; } 
.cosmosfarm-simple-lms .simple-lms-content .simple-lms-info.video { cursor: pointer; } 
.cosmosfarm-simple-lms .simple-lms-content .simple-lms-number { display: inline-block; margin-right: 15px; width: 22px; height: 22px; line-height: 22px; border-radius: 50%; background-color: #ebecec; font-size: 12px; color: black; text-align: center; vertical-align: middle; } 
.cosmosfarm-simple-lms .simple-lms-content .simple-lms-data { margin-bottom: 12px; } 
.cosmosfarm-simple-lms .simple-lms-content .simple-lms-data .play-percent { font-size: 14px; color: gray; } 
.cosmosfarm-simple-lms .simple-lms-content .simple-lms-data .play-time { font-size: 14px; color: gray; } 
.cosmosfarm-simple-lms .play-complate .simple-lms-content .simple-lms-data .play-percent { font-size: 14px; color: rgb(173, 173, 173); } 
.cosmosfarm-simple-lms .play-complate .simple-lms-content .simple-lms-data .play-time { font-size: 14px; color: rgb(173, 173, 173); } 
.cosmosfarm-simple-lms .play-complate .simple-lms-content .simple-lms-data { font-size: 14px; color: rgb(173, 173, 173); } 
.cosmosfarm-simple-lms .simple-lms-content .simple-lms-free { float: right; padding: 5px; line-height: 1; border-radius: 3px; background-color: #f61b5d; color: white; font-size: 12px; } 
.cosmosfarm-simple-lms .simple-lms-content .simple-lms-status { float: right; padding: 5px; line-height: 1; border-radius: 3px; background-color: #ebecec; color: black; font-size: 12px; } 
.cosmosfarm-simple-lms .simple-lms-content .simple-lms-next-button { display: none; text-align: right; } 
.cosmosfarm-simple-lms .simple-lms-content .simple-lms-next-button.active { display: block; } 
.cosmosfarm-simple-lms .simple-lms-content .simple-lms-next-button button { margin: 10px 0; } 
.cosmosfarm-simple-lms .simple-lms-quiz { margin: 20px 0; } 
.cosmosfarm-simple-lms .simple-lms-video { display: none; padding: 10px 0 0 0; } 

/* 영상 재생 관련 */
.cosmosfarm-simple-lms .simple-lms-video .simple-lms-video-container { position: relative; padding-bottom: 56.25%; } 
.cosmosfarm-simple-lms .simple-lms-video .simple-lms-video-container iframe,
.cosmosfarm-simple-lms .simple-lms-video .simple-lms-video-container iframe.cosmosfarm-simple-lms-player { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; border: 0; } 
.cosmosfarm-simple-lms .simple-lms-video .simple-lms-video-container .wp-video { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100% !important; height: 100%; border: 0; } 
.cosmosfarm-simple-lms .simple-lms-video .mejs-mediaelement { position: relative; } 

.cosmosfarm-simple-lms .simple-lms-video .simple-lms-video-container.shortform { padding-bottom: 100%; }
@media screen and (max-width: 600px){
	.cosmosfarm-simple-lms .simple-lms-video .simple-lms-video-container.shortform { padding-bottom: 178%; }
}

/* 수료증 */
.cosmosfarm-simple-lms-certificate .certificate .certificate-content.main-content { white-space: pre-line; } 

/* 비메오 풀스크린 버튼 관련 */
.cosmosfarm-simple-lms .simple-lms-video.add-empty-place { padding-bottom: 56.25%; } 
.cosmosfarm-simple-lms .simple-lms-video .fullscreen-controller { display: none; position: relative; z-index: 99999999; line-height: 1; } 
.cosmosfarm-simple-lms .simple-lms-video .fullscreen-controller button { position: absolute; left: 0; top: 0; padding: 5px; line-height: 1; background-color: black; color: white; font-size: 18px; font-weight: bold; } 
.cosmosfarm-simple-lms .simple-lms-video .simple-lms-video-frame.fullscreen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; background-color: black; } 
.cosmosfarm-simple-lms .simple-lms-video .simple-lms-video-frame.fullscreen .simple-lms-video-container { position: static; } 
.cosmosfarm-simple-lms .cosmosfarm-simple-lms-vimeo .fullscreen-controller { display: block; } 
.cosmosfarm-simple-lms .not-success-check .fullscreen-controller { display: none; } 
.cosmosfarm-simple-lms .simple-lms-hr { margin: 20px 0; height: 1px; border: none; background-color: #eeeeee; } 
.cosmosfarm-simple-lms .next-page-controlbar { margin: 20px 0; text-align: center; } 
#cosmosfarm-simple-lms-popup-background { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0.5; z-index: 999999999999; } 
#cosmosfarm-simple-lms-popup-background.hide { display: none; } 
#cosmosfarm-simple-lms-popup { position: fixed; left: 50%; top: 50%; margin: -110px 0 0 -250px; width: 500px; height: 250px; background-color: white; border-radius: 10px; z-index: 9999999999999; } 
#cosmosfarm-simple-lms-popup.hide { display: none; } 
#cosmosfarm-simple-lms-popup .popup-wrap { position: relative; height: 100%; } 
#cosmosfarm-simple-lms-popup .popup-wrap .popup-message { padding: 10px; font-size: 30px; line-height: 50px; text-align: center; box-sizing: content-box; color: #3C4858; } 
#cosmosfarm-simple-lms-popup .popup-wrap .popup-countdown { font-size: 40px; height: 50px; line-height: 50px; text-align: center; box-sizing: content-box; color: #3C4858; } 
#cosmosfarm-simple-lms-popup .popup-wrap .popup-controlbar { position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center; box-sizing: content-box; } 
@media screen and (max-width: 600px){
 #cosmosfarm-simple-lms-popup { left: 0; top: 50%; margin: -100px 0 0 0; width: 100%; height: 240px; border-radius: 0; } 
#cosmosfarm-simple-lms-popup .popup-wrap .popup-message { font-size: 25px; line-height: 30px; } 
 }

/* 내 강의실 */
.cosmosfarm-simple-lms-classroom { margin: 0; padding: 0; list-style: none; } 
.cosmosfarm-simple-lms-classroom .classroom-item { position: relative; margin: 0; padding: 20px 0; list-style: none; overflow: auto; } 
.cosmosfarm-simple-lms-classroom .classroom-item-thumbnail { float: left; } 
.cosmosfarm-simple-lms-classroom .classroom-item-thumbnail a { text-decoration: none; } 
.cosmosfarm-simple-lms-classroom .classroom-item-thumbnail img { display: block; width: 250px; height: 141px; border-radius: 5px; border: 0; } 
.cosmosfarm-simple-lms-classroom .classroom-item-title { margin-left: 270px; padding: 10px 0 10px 0; } 
.cosmosfarm-simple-lms-classroom .classroom-item-title a { font-size: 20px; text-decoration: none; color: #333333; } 
.cosmosfarm-simple-lms-classroom .classroom-item-success-percent { margin-left: 270px; font-size: 14px; color: #6d6d6d; } 
.cosmosfarm-simple-lms-classroom .classroom-progress { height: 10px; border-radius: 0; box-shadow: none; background-color: #f0f0f0; overflow: hidden; } 
.cosmosfarm-simple-lms-classroom .classroom-progress .classroom-progress-bar { float: left; box-shadow: none; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #ec1e42; -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } 
.cosmosfarm-simple-lms-classroom .classroom-item-certificate-print { position: absolute; top: 30px; right: 10px; } 
.cosmosfarm-simple-lms-classroom .classroom-item-add-options { margin-left: 270px; padding-top: 10px; } 
.cosmosfarm-simple-lms-classroom .classroom-item.item-no-found .no-found-message { font-size: 20px; color: #333333; } 
.cosmosfarm-simple-lms-classroom.classroom-learning { margin-bottom: 20px; } 
.cosmosfarm-simple-lms-classroom.classroom-learning .classroom-learning-header { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eeeeee; } 
.cosmosfarm-simple-lms-classroom.classroom-learning .classroom-learning-header a { font-size: 20px; text-decoration: none; color: #333333; } 
.cosmosfarm-simple-lms-classroom.classroom-learning .classroom-learning-footer { margin-top: 20px; } 
.cosmosfarm-simple-lms-classroom.classroom-learning .classroom-learning-footer .classroom-item-certificate-print { position: initial; top: auto; right: auto; } 
@media screen and (max-width: 600px){
 .cosmosfarm-simple-lms-classroom .classroom-item-thumbnail { float: none; } 
.cosmosfarm-simple-lms-classroom .classroom-item-thumbnail img { width: 50%; height: auto; } 
.cosmosfarm-simple-lms-classroom .classroom-item-title { margin-left: 0; } 
.cosmosfarm-simple-lms-classroom .classroom-item-success-percent { margin-left: 0; } 
.cosmosfarm-simple-lms-classroom .classroom-item-add-options { margin-left: 0; } 
.cosmosfarm-simple-lms-classroom .classroom-item-certificate-print { position: unset; margin-top: 5px; } 
 }

/* 커리큘럼 목록 */
.cosmosfarm-simple-lms-curriculum-list { margin: 0; padding: 0; list-style: none; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item { position: relative; margin: 0; padding: 20px 0; border-bottom: 1px solid #eaeaea; list-style: none; overflow: auto; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item-thumbnail { float: left; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item-thumbnail a { text-decoration: none; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item-thumbnail img { display: block; width: 250px; height: 141px; border-radius: 5px; border: 0; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item-title { margin-left: 270px; padding: 10px 0 10px 0; font-size: 20px; text-decoration: none; color: #333333; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item-title a { font-size: 20px; text-decoration: none; color: #333333; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item-info { margin-left: 270px; padding-top: 10px; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item-content { margin-left: 270px; padding-top: 10px; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item-content a { text-decoration: none; color: #333333; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item-content p { margin-bottom: 10px; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item-content p:last-child { margin-bottom: 0; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item-apply { position: absolute; top: 30px; right: 10px; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item.item-no-found .no-found-message { font-size: 20px; color: #333333; } 
@media screen and (max-width: 600px){
 .cosmosfarm-simple-lms-curriculum-list .curriculum-item-thumbnail { float: none; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item-thumbnail img { width: 50%; height: auto; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item-title { margin-left: 0; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item-info { margin-left: 0; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item-content { margin-left: 0; } 
.cosmosfarm-simple-lms-curriculum-list .curriculum-item-apply { position: unset; margin-top: 5px; } 
 }

/* 라이브 스트리밍 팝업 */
.cosmosfarm-simple-lms-live-streaming-wrap { position: fixed; bottom: 0; left: 0; display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 400px; padding: 20px; z-index: 99999; transition: left 0.5s; } 
.cosmosfarm-simple-lms-live-streaming-wrap.close { left: -400px; } 
.cosmosfarm-simple-lms-live-streaming-wrap a.not-showing { margin: 10px 0 0 0; padding: 5px 20px; border-radius: 8px; color: #fff; text-align: center; background-color: #000000f0; } 
.cosmosfarm-simple-lms-live-streaming-wrap a.close { margin: 10px 0 0 0; padding: 5px 10px; border-radius: 8px; color: #fff; text-align: center; background-color: #000000f0; } 
.cosmosfarm-simple-lms-live-streaming-popup { display: flex; flex-direction: column; margin: 10px 0 0 0; padding: 20px 30px; width: 100%; border-radius: 20px; box-sizing: border-box; background-color: #000000f0; } 
.cosmosfarm-simple-lms-live-streaming-popup h3 { margin: 0 0 10px 0; color: #fff; font-size: 20px; font-weight: 600; line-height: 22px; } 
.cosmosfarm-simple-lms-live-streaming-popup p { margin: 0 0 20px 0; color: #fff; font-size: 17px; font-weight: 400; line-height: 20px; } 
.cosmosfarm-simple-lms-live-streaming-popup a { width: 100%; font-size: 18px; line-height: 30px; text-align: center; border-radius: 8px; font-weight: bold; background-color: #eee; } 
.cosmosfarm-simple-lms-live-streaming-popup .countdown { margin: 15px 0 0 0; color: #fff; font-size: 18px; font-weight: 600; text-align: center; } 

/* 페이지네이션 */
.cosmosfarm-simple-lms .pagination { display: inline-block; display: flex; justify-content: center; } 
.cosmosfarm-simple-lms .pagination a { color: black; float: left; padding: 8px 16px; text-decoration: none; } 
.cosmosfarm-simple-lms .pagination span { color: black; font-weight: bolder; float: left; padding: 8px 16px; text-decoration: none; } 

/* 내 강의실 페이지 버튼*/
.cosmosfarm-simple-lms-classroom .classroom-btn-wrap { display: flex; justify-content: center; }
.cosmosfarm-simple-lms-classroom .classroom-btn-wrap .classroom-page-btn { padding: 0px; margin: 3px; width: 25px; height:35px; text-align: center; border-radius: 3px;}

/* 검색폼 공통 */
.simple-lms-search { padding: 20px; margin-bottom: 30px; font-size: 0; text-align: center; background:#eee; border-radius:5px; }
.simple-lms-search .input-group-prepend { display: inline-block;   width: 130px; vertical-align: top; margin-right:10px; }
.simple-lms-search .input-group-prepend select { background-position-y: 15px; height: 40px; }
.simple-lms-search input[type=text] { display: inline-block; width: 394px; height: 40px; padding: 8px 18px; vertical-align: top; font-size: 14px; color: #666; border: 1px solid #ddd; border-radius: 3px; margin-right:10px; -webkit-transition: border 300ms, background 300ms; transition: border 300ms, background 300ms; }
.simple-lms-search .simple-lms-button-small { display: inline-block; vertical-align: top; width: 110px; height: 40px; padding: 0; font-size: 14px; font-weight: 300; color: #fff; border: 1px solid #333; background: #333; border-radius: 3px; cursor: pointer; -webkit-transition: background 300ms, border-color 300ms; transition: background 300ms, border-color 300ms; }

@media screen and (max-width: 768px) {
	.simple-lms-search input[type=text] { width: 59%; }
}

@media screen and (max-width: 400px) {
	.simple-lms-search { padding: 30px 20px; }
	.simple-lms-search input[type=text] { width: 69%; }
	.simple-lms-search .simple-lms-button-small { width: 26%; }
}