/* CSS Document */

#leftCon{
	position: absolute;
	left:0;
}


#footerSet.L2{
	left:140px;
	margin-left:0px;
}


.controlSet{

}

.controlBtn{
	cursor:pointer;
	font-family: "S-CoreDream-4Regular";
	text-indent: -1000em;
	background-color: transparent;
}
.controlBtn.dis{
	cursor:default;
}

.isRight{
	
}




#naviOpen{
	display: block;
	width:100px;
	height: 30px;
	position: absolute;
	background-color: transparent;
	background-image: url("../image/controller/Btn_indexOpen.png");
	left:0px;top:0px;
	background-repeat: no-repeat;
	text-indent: -10000em;
	padding:0;
}
#naviOpen._dis{
	cursor: default;
}
#naviOpen:hover{
	background-image: url("../image/controller/Btn_indexOpen_Over.png");
}
#naviOpen._dis:hover{
	background-image: url("../image/controller/Btn_indexOpen.png");
}
#naviOpen.off{
	

}
#naviOpen.off:hover{
	
}



#naviClose{
	display: block;
	width:40px;
	height: 40px;
	position: absolute;
	background-color: transparent;
	background-image: url("../image/controller/Btn_indexClose.png");
	background-repeat: no-repeat;
	top:0px;left:calc(100% - 40px);
	cursor: pointer;
	text-indent: -10000em;
	z-index: 9;
}

#naviClose:hover{
	background-image: url("../image/controller/Btn_indexClose_Over.png");
}

/*.mtt20{margin-top:-11px;}*/


/*2023.03.07*/
#mapBtn{
	position: absolute;
	border:0px;
	background-color: transparent;
	background-image: url("../image/controller/controller_b.png");
	background-repeat: no-repeat;
	width:30px;height: 30px;
	left:282px;top:0px;
	background-position: -282px -0px;
	
}
#mapBtn:hover{
	background-position: -282px -30px;
}


#shortcut{
	position: absolute;
	border:0px;
	background-color: transparent;
	background-image: url("../image/controller/controller_b.png");
	background-repeat: no-repeat;
	width:30px;height: 30px;
	left:316px;top:0px;
	background-position: -316px -0px;
	
}
#shortcut:hover{
	background-position: -316px -30px;
}
/*2023.03.07*/

/*

#downBtn{
	position: absolute;
	border:0px;
	background-color: transparent;
	background-image: url("../image/controller/controller_b.png");
	background-repeat: no-repeat;
	width:26px;height: 30px;
	left:39px;top:0px;
	background-position: -39px -0px;border:0px solid red;
}
#downBtn:hover{
	background-position: -39px -30px;
}
*/

#time{
	position: absolute;
	color:#fff;
	font-size:12px;
	font-weight: 400;
	display:block;
	width:110px;
	line-height: 17px;
	float: left;
	left:545px;top:10px;
	
	
}
#current_time{
	position: absolute;
	color:#fff;
	font-size:12px;
	font-weight: 400;
	left:630px;
	top:8px;font-family: 'NanumBarunGothic';
}
#total_time{
	position: absolute;
	color:#fff;
	font-size:12px;
	font-weight: 400;
	left:672px;
	top:8px;font-family: 'NanumBarunGothic';
}


#playBtn, #scriptBtn, #fullBtn, #muteBtn, #ppevBtn, #ffevBtn,#pauseBtn,#replayBtn{
	background-repeat: no-repeat;
	background-color: transparent;
	position: absolute;
}

#playBtn{
	background-image: url("../image/controller/controller_b.png");
	width:30px;height: 30px;
	left:711px;top:0px;
	background-position: -711px -0px;
}
#playBtn.play{background-position: -711px -60px;}
#playBtn:hover{background-position: -711px -900px;}
#playBtn.play:hover{background-position: -711px -90px;}

#playBtn.pause{background-position: -711px -0px;}
#playBtn.pause:hover{background-position: -711px -30px;}



#replayBtn{
	background-image: url("../image/controller/controller_b.png");
	width:30px;height: 30px;
	left:741px;top:0px;
	background-position: -741px -0px;
}
#replayBtn:hover{background-position: -741px -30px;}



#scriptBtn{
	background-image: url("../image/controller/controller_b.png");
	width:30px;height: 30px;
	left:771px;top:0px;
	background-position: -771px -0px;
}
#scriptBtn:hover{background-position: -771px -30px;}



#muteBtn{
	background-image: url("../image/controller/controller_b.png");
	width:30px;height: 30px;
	left:801px;top:0px;
	background-position: -801px -0px;
}

#muteBtn:hover{background-position: -801px -30px;}
#muteBtn.mute{background-position: -801px -60px;}
#muteBtn.mute:hover{background-position: -801px -90px;}


/*jogbar*/
#jogbar{
	float:left;
	display: block;
	border: 0px solid #FF0000;
	position: absolute;
	background-image: none;/*url("../image/controller/progress.png");*/
	background-repeat: no-repeat;
	width:260px;height: 30px;
	left:355px;top:0px;
	background-position: -0px -0px;
}

#jogProgress{
	display: block;
	border: 0px solid #FFFF00;
	position: absolute;
	background-image: url("../image/controller/controller_b.png");
	width:0px;height: 4px;
	background-position: -360px -42px;
	left:0px;top:12px;
}

#jogbtn{
	display: block;
	cursor: pointer;
	background-color: transparent;
	position: absolute;
	transform-origin: center;
	border:0px solid #FF0000;
	background-image: url("../image/controller/controller_b.png");
	width:12px;height: 12px;
	background-position: -500px -68px;
	left:0px;top:8px;
	margin-left: 6px;

}
#jogbtnOver{
	width:12px;height: 12px;
	left:0%;top:8px;
	transform-origin: center;
	background-image: none;
	background-color: transparent;
	position: absolute;
}


/* volume*/
#volSet{
	
}
#volJogBar{
	display: block;
	border: 0px solid #FF0000;
	position: absolute;
	background-image: url("../image/controller/controller_b.png");
	width:40px;height: 30px;
	background-position: -833px -0px;
	left:833px;top:0px;
}


#volJogProgress{
	display: block;
	border: 0px solid #FFFF00;
	position: absolute;
	left:0px;top:14px;
	background-color: transparent;
	background-image: url("../image/controller/controller_b.png");
	width:40px;height: 4px;
	background-position: -833px -44px;
}

#volJogbtn{
	display: block;
	width:8px;
	height: 30px;
	cursor: pointer;
	background-image: none;
	position: absolute;
	top:-0px;left:0%;
}


/* page num*/
#pageNum{
	float:left;
	padding:0;
}

#currentNum{
	width:20px;
	height: 30px;
	line-height: 30px;
	text-align: right;
	position: absolute;
	float:left;
	display:block;
	cursor: default;
	color:#ffffff;
	font-size: 16px;
	top:0px;
	left:910px;
	padding:0px;
	margin:0px;
	font-family: 'S-CoreDream-6Bold';
	font-weight: 700;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
}

#totalNum{
	width:27px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	text-align: left;
	font-family: 'S-CoreDream-6Bold';
	display:block;
	cursor: default;
	color:#777777;
	font-size: 16px;
	top:0px;
	left:948px;
	padding:0px;
	margin:0px;
	font-weight: 700;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
}


.pagingBar{
	float:left;
	position: absolute;
	display:block;
	top:0px;left:939px;
	background-image: url("../image/controller/controller_b.png");
	background-position: -939px 0px;
	width:1px;
	height: 30px;
}

#prevBtn{
	position: absolute;
	border:0px;
	background-image: url("../image/controller/controller_b.png");
	width:30px;height: 30px;
	left:883px;top:0px;
	background-position: -883px -0px;
}
#prevBtn:hover{background-position: -883px -30px;}
#nextBtn{
	position: absolute;
	border:0px;
	background-image: url("../image/controller/controller_b.png");
	width:30px;height: 30px;
	left:970px;top:0px;
	background-position: -970px -0px;
}

#nextBtn:hover{background-position: -970px -30px;}



#nextBubble{
	display:none;

	position: absolute;
	background-image: url("../image/controller/controller_b.png");
	width:161px;height: 55px;
	left:814px;top:-55px;
	background-position: -0px -67px;
	
	cursor: pointer;
}

#nextBubble.show{
	display:block;
	margin-left:30px;
	-webkit-transition-duration: 0.5s; /* Safari */
     transition-duration: 0.5s;
	background-position: -0px -67px;
}

#nextBubble.last{
	display:block;
	width:149px;height: 55px;
	left:831px;top:-55px;
	margin-left:30px;
	-webkit-transition-duration: 0.0s; /* Safari */
     transition-duration: 0.0s;
	background-position: -166px -67px;
}

#mSearch{
	position: absolute;
	background-image: url("../image/controller/search_bg.png");
	background-color: transparent;
	border:0px;
	font-size:12px;
	width:174px;height: 30px;
	left:100px;top:0px;
	text-indent: 5px;
}
#searchBtn{
	display: block;
	position: absolute;
	background-image: url("../image/controller/search_btn.png");
	background-color: #fff;
	border: 0px;
	width:24px;height: 24px;
	cursor: pointer;
	left:245px;top:3px;
	text-indent: -10000em;
}
#searchBtn:hover{
	background-image: url("../image/controller/search_btn_over.png");
}


/* ---------------------------------------------------------*/



#mPrevBtn{
	display: none;
	text-indent: -10000em;
	background-image: none;/*url("../image/controller/Btn_mPrev.png");*/
	width:0px;height: 0px;
	position: absolute;
	top:50%;
	left:-70px;
	margin-top:-0px;
	cursor: pointer;
}
#mPrevBtn.isMobile{
	display: none;
}
#mPrevBtn.isMobile.vert{
	left:0px;
}

#mPrevBtn.isMobile:hover{
	
}


#mNextBtn{
	display: none;
	text-indent: -10000em;
	background-image: none;/*url("../image/controller/Btn_mNext.png");*/
	width:0px;height: 0px;
	position: absolute;
	top:50%;
	right:-70px;
	margin-top:-0px;
	cursor: pointer;
}

#mNextBtn.isMobile{
	display: none;
}
#mNextBtn.isMobile.vert{
	right:0px;
}
#mNextBtn.isMobile:hover{
	background-image: none;/*url("../image/controller/Btn_mNext_Over.png");*/
}















/* 전체 화면 css */

:-webkit-full-screen {}

:-moz-full-screen {}

:-ms-fullscreen {}

:fullscreen {}


:fullscreen #container{width:100% !important;height: 100% !important;}
:-ms-fullscreen #container{width:100% !important;height: 100% !important;}
:-webkit-full-screen #container{width:100% !important;height: 100% !important;}


:fullscreen #footer{z-index: 99999;position: absolute;top:calc(100% - 35px) !important;width:100%;background-image: none;background-color: #fff;}
:-ms-fullscreen #footer{z-index: 99999;position: absolute;top:calc(100% - 35px) !important;width:100%;background-image: none;background-color: #fff;}
:-webkit-full-screen #footer{z-index: 99999;position: absolute;top:calc(100% - 35px) !important;width:100%;background-image: none;background-color: #fff;}



:fullscreen #footerSet{width:1000px !important;left:calc(50% - 500px) !important;background-image: none;}
:-ms-fullscreen #footerSet{width:1000px !important;left:calc(50% - 500px) !important;background-image: none;}
:-webkit-full-screen #footerSet{width:1000px !important;left:calc(50% - 500px) !important;background-image: none;}



:fullscreen #blockFooter{
	display: block;
	z-index: 99999;
	width:100% !important;
	height: 35px !important;
	color:#000;
	text-align: center;
	font-size:14px;
	background-color: #fff;
	position: absolute;top:10px;left:0px;
}
:-ms-fullscreen #blockFooter{
	display: block;
	z-index: 99999;
	width:100% !important;
	height: 35px !important;
	color:#000;
	text-align: center;
	font-size:14px;
	background-color: #fff;
	position: absolute;top:10px;left:0px;
}
:-webkit-full-screen #blockFooter{
	display: block;
	z-index: 99999;
	width:100% !important;
	height: 35px !important;
	color:#000;
	text-align: center;
	font-size:14px;
	background-color: #fff;
	position: absolute;top:10px;left:0px;
}


#container.h100{
	top:0px;left:0px;margin:0;padding:0;
	width:100% !important;height: 100% !important;
}





:fullscreen #videoPlayer {
    width: 100% !important;
    height: 100% !important;
    position: fixed;
    top: 0px !important;
    left: 0px !important;
    margin: 0 !important;
    background-color: #000;
	z-index: 9998;
}

:-ms-fullscreen #videoPlayer {
    
    height: 100% !important;
	width: 100%  !important;
    position: fixed;
    top: 0px !important;
    left: 0px !important;
    margin: 0 !important;
    background-color: #000;
	z-index: 9998;
}




:-ms-fullscreen #container {
	width: 100% !important;
	height: 100% !important;
}



:-webkit-full-screen #videoPlayer {
    width: 100% !important;
    height: 100% !important;
    position: fixed;
    top: 0px !important;
    left: 0px !important;
    margin: 0 !important;
    background-color: #000;
	z-index: 9998;
}


:fullscreen video {
    width: 100% !important;
    height: 100% !important;
    position: fixed;
    top: 0px !important;
    left: 0px !important;
    margin: 0 !important;
	z-index: 9999;
    background-color: #000;
	object-fit: contain;
}

:-ms-fullscreen video {
    
    height: 100% !important;
	width: 100%  !important;
    position: fixed;
    top: 0px !important;
    left: 0px !important;
    margin: 0 !important;
	z-index: 9999;
    background-color: #000;
	object-fit: contain;
}

:-webkit-full-screen video {
    width: 100% !important;
    height: 100% !important;
    position: fixed;
    top: 0px !important;
    left: 0px !important;
    margin: 0 !important;
	z-index: 9999;
    background-color: #000;
	object-fit: contain;
}