/* 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:157px;
	height: 34px;
	position: absolute;
	background-color: transparent;
	background-image: url("../image/controller/Btn_indexOpen.png");
	left:calc(50% - 78px);top:calc(100% - 1px);
	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{
	background-image: url("../image/controller/Btn_indexClose.png");

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

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


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

/*

#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:592px;
	top:11px;font-family: 'NanumBarunGothic';
}
#total_time{
	position: absolute;
	color:#fff;
	font-size:12px;
	font-weight: 400;
	left:627px;
	top:11px;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:22px;height: 30px;
	left:671px;top:0px;
	background-position: -671px -0px;
}
#playBtn.play{background-position: -671px -60px;}
#playBtn:hover{background-position: -671px -60px;}
#playBtn.play:hover{background-position: -671px -90px;}

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



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



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



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

#muteBtn:hover{background-position: -745px -30px;}
#muteBtn.mute{background-position: -745px -60px;}
#muteBtn.mute:hover{background-position: -745px -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:288px;height: 30px;
	left:275px;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: 3px;
	background-position: -275px -44px;
	left:0px;top:14px;
}

#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:19px;height: 19px;
	background-position: -272px -86px;
	left:0px;top:6px;
	margin-left: 6px;

}
#jogbtnOver{
	width:19px;height: 19px;
	left:0%;top:4px;
	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:24px;height: 27px;
	background-position: -777px -0px;
	left:777px;top:0px;
}


#volJogProgress{
	display: block;
	border: 0px solid #FFFF00;
	position: absolute;
	left:0px;top:9px;
	background-color: transparent;
	background-image: url("../image/controller/controller_b.png");
	width:24px;height: 13px;
	background-position: -777px -39px;
}

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


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

#currentNum{
	width:20px;
	text-align: center;
	position: absolute;
	float:left;
	display:block;
	cursor: default;
	color:#2c7ac8;
	font-size: 16px;
	top:3px;
	left:875px;
	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;
	position: absolute;
	text-align: center;
	font-family: 'S-CoreDream-6Bold';
	display:block;
	cursor: default;
	color:#2c7ac8;
	font-size: 16px;
	top:3px;
	left:907px;
	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:902px;
	background-image: url("../image/controller/controller_b.png");
	background-position: -902px 0px;
	width:1px;
	height: 30px;
}

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

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



#nextBubble{
	display:none;

	position: absolute;
	background-image: url("../image/controller/controller_b.png");
	width:96px;height: 66px;
	left:870px;top:-59px;
	background-position: -807px -82px;
	
	cursor: pointer;
}

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

#nextBubble.last{
	display:block;
	margin-left:30px;
	-webkit-transition-duration: 0.0s; /* Safari */
     transition-duration: 0.0s;
	background-position: -903px -82px;
}

#mSearch{
	position: absolute;
	background-image: url("../image/controller/search_bg.png");
	background-color: transparent;
	border:0px;
	font-size:12px;
	width:172px;height: 18px;
	left:50px;top:6px;
}
#searchBtn{
	display: block;
	position: absolute;
	background-image: url("../image/controller/search_btn.png");
	background-color: transparent;
	border: 0px;
	width:32px;height: 18px;
	cursor: pointer;
	left:222px;top:6px;
	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;
}