@charset "utf-8";
/* 미리보기 nav 디자인  */
	.modal_video_wrap {height:100vh;}
	@media (orientation: portrait) {
		html {transform: rotate(-90deg);transform-origin: top left;position: absolute;left: 0;top: 100%;width: 100vh;height: 100vw; }
		.modal_video_wrap {height:100vw; width: calc(var(--vh, 1vh) * 100);}
		.vjs-duration.vjs-time-control.vjs-control {display:none;}
		.vjs-time-control.vjs-time-divider {display:none !important;}
		.vjs-fullscreen-control.vjs-control.vjs-button {display:none !important;}
		.vjs-cnti-btn {top: 15%;}
		.vjs-tech{padding-bottom:4em;}
	}
	@media (orientation: landscape) {
		.modal_video_wrap {height: calc(var(--vh, 1vh) * 100); width:100vw;}
		.vjs-duration.vjs-time-control.vjs-control {display:none;}
		.vjs-time-control.vjs-time-divider {display:none !important;}
		.vjs-fullscreen-control.vjs-control.vjs-button {display:none !important;}
		.vjs-tech{padding-bottom:4em;}
	}
	@media (orientation: portrait) and (max-height: 540px) {
   		.video-js .page-info {font-size:16px !important; top:6px;}
		.next-btn.vjs-control {background-size: 16px 16px !important; width:18px;}
		.back-btn.vjs-control {background-size: 16px 16px !important; width:18px;}
	}

	.vjs-default-skin .vjs-progress-control {position: absolute;left: 0;right: 0;width: auto;font-size: 0.3em;height: 1em;top: -1em;transition: all 0.4s;}
	.vjs-default-skin:hover .vjs-progress-control {font-size: 0.9em;width: auto;transition: all 0.2s;}
	.video-js:hover .vjs-progress-control .vjs-progress-holder{font-size: 4.6666666667em;}
	.video-js .vjs-progress-control:hover .vjs-progress-holder {font-size: 4.6666666667em;}
	.quizPage {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;}	
	.ytPlayer {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;}
	.vjs-cnti-btn {font-size: 3em; line-height: 1.5em;width: 3em;display: block;position: absolute;left: 50%; padding: 0; cursor: pointer;opacity: 1;border: 0.06666em solid #fff;background-color: #2B333F;background-color: rgba(43, 51, 63, 0.7); border-radius: 0.3em;transition: all 0.4s; margin-left:-1.5em;top:35%;}
	.video-js .page-info {font-size:2.5em; line-height:1.5em}
	.video-js:hover .vjs-cnti-btn,
	.video-js .vjs-cnti-btn:focus { border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5);transition: all 0s;}
	.video-js .vjs-tech {/*pointer-events: none;*/}
	.video-js .vjs-custom-control-spacer { display: block; width: 100%;}
	.video-js .vjs-control-bar {position: absolute;}
	.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {content: "";}
	

	
	 .sidenav{left:-260px;position:absolute;z-index:10;height:100%;width:260px;height:100%;background-color: #3b76ec;font-family: 'N-sans';letter-spacing: -1px;transition:.3s;padding:60px 10px 20px;}
	 .sidenav>ul{max-height:100%;overflow-y:auto;padding:20px 10px 40px;height:auto;background-color:#fff;border-radius:10px}
	 .sidenav .closebtn {position: absolute; top: 0; right: 5px;font-size: 25px;color:#fff;font-weight:bold}
	 .sidenav a{padding: 10px;text-decoration: none;font-size:16px;color:#333;display:block;transition: 0.3s;}
	 .sidenav>ul>li> a{border-bottom:1px solid #b8c6e1;color:#1a439d;font-family: 'G-sans';margin-top:15px}
	 .sidenav>ul>li:hover a{color:#00246c}
	 .sidenav>ul>li> a:first-of-type{margin-top:0}
	 .sidenav>ul>li> a > div{font-size:14px;}
	 .sidenav>ul>li>ul>li div{text-align: left;font-size:15px;color:#888}
	 .sidenav>ul>li>ul>li:hover div{color:#333}
	/* .sidenav>ul>li>ul>li div::before{content:'';margin-right:6px;width:2px;height:2px;display:inline-block;vertical-align:middle;background: url(../images/header/gray_dot_2px.png) 50% 50% no-repeat;} */
	.modal_video_title_wrap{position:absolute;z-index:8;cursor:pointer;top:10px;width:auto;color:#fff;background-color: #3b76ec;border-radius:0 8px 8px 0;z-index:99999999998;}
    .modal_video_title_wrap > p{display:block;padding:16px 12px 12px;line-height: 1.2;}
    .modal_video_title_wrap > p::after{content:'';margin-top:6px;width:16px;height:16px;display:block;background: url(../images/header/bg_menu_open_icon.png) 50% 50% no-repeat;transform:rotate(90deg);transition:.2s}
 
 
 /* lyh */
.click_tooltip {position: absolute;top: -65px; right: 0;left:auto;min-width:200px}/* 임시 위치 */
.click_tooltip_prev {position: absolute;top: -65px; left: 0;right:auto;border-radius: 0 20px 20px 0!important;min-width:200px}/* 임시 위치 */
.message-next, .message-end{background-color: #ff6009;color: #fff;border:2px solid #fff;margin-right: -3px;display: block;padding: 0 40px;line-height: 40px;font-size: 20px;letter-spacing: -1px;border-radius: 20px 0 0 20px;}
.message-next{padding-right: 40px;background: #ff6009 url(../images/player/message-next_arrow.png) no-repeat left 15px top 50%;}
.message-prev{padding-right: 40px;background: #ff6009 url(../images/player/message-next_arrow2.png) no-repeat left 15px top 50%;}
.message-prev, .message-end{background-color: #ff6009;color: #fff;border:2px solid #fff;margin-right: -3px;display: block;padding: 0 40px;line-height: 40px;font-size: 20px;letter-spacing: -1px;border-radius: 20px 0 0 20px;}
/* media */
@media screen and (max-width: 1024px) {
}

/* media */
@media screen and (max-width: 900px) {

}

/* media */
@media screen and (max-width: 820px) {
 
}


/* media */
@media screen and (max-width: 680px) {
 
}
/* media */
@media screen and (max-width: 500px) {

}