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

.cosmosfarm-simple-lms .simple-lms-description { }
.cosmosfarm-simple-lms .simple-lms-title { margin: 30px 0 0 0; font-size: 20px; }
.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-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-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-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.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 { 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-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; }

@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; }
}