/* CSS Document */

#footerSet{
	position: absolute;
	display:block;
	width:1280px;
	height:38px;
	left:0px;
	background-color: #2b2b2b;
    /*background: url("../image/footer/footerBg_.png") no-repeat;*/
}
#controller{
	
}
.controlBtn{
	cursor:pointer;
	position: absolute;
	top:0px;
	display:block;
	border:0px;
	height:36px;
	text-indent: -1000em;
	background-repeat: no-repeat;
}

.logo{
	background-image: url(../image/footer/logo.png);
	width:149px;
	height: 40px;
	position: absolute;
	left:0px;
	top:0px;
	
}

#idxBtn{
	background: url(../image/footer/Btn_index.png) no-repeat;
    position: absolute;
	left:22px;
	top:7px;
	width:70px;
	height: 24px;
    z-index:90;
}
#idxBtn:hover{
	background: url(../image/footer/Btn_indexOver.png) no-repeat;
}
#idxBtn.off{
	background: url(../image/footer/Btn_indexOver.png) no-repeat;
}
#idxBtn.off:hover{
	opacity: 0.6;
}

.optBtnSet{
	float:left;
	position: absolute;
	left:107px;
	top:7px;
}
#helpBtn{
	background: url(../image/footer/Btn_Opt5.png) no-repeat;
	width:24px;
	height:24px;
	position: relative;
	float:left;
     margin-right:10px;
}
#helpBtn:hover{
	background: url(../image/footer/Btn_Opt5Over.png) no-repeat;
}

#writeBtn{
	background: url(../image/footer/Btn_Opt2.png) no-repeat;
	width:33px;
	height:24px;
	position: relative;
	float:left;
}
#writeBtn:hover{
	background: url(../image/footer/Btn_Opt2Over.png) no-repeat;
}


#searchBtn{
	background: url(../image/footer/Btn_Opt3.png) no-repeat;
	width:24px;
	height:24px;
	position: relative;
	float:left;
     margin-right:10px;
}
#searchBtn:hover{
	background: url(../image/footer/Btn_Opt3Over.png) no-repeat;
}


#mapBtn{
	background: url(../image/footer/Btn_Opt4.png) no-repeat;
	width:24px;
	height:24px;
	position: relative;
	float:left;
    margin-right:10px;
}
#mapBtn:hover{
	background: url(../image/footer/Btn_Opt4Over.png) no-repeat;
}
#downBtn{
	background: url(../image/footer/Btn_Opt5.png) no-repeat;
	width:24px;
	height:24px;
	position: relative;
	float:left;
     margin-right:10px;
}
#downBtn:hover{
	background: url(../image/footer/Btn_Opt5Over.png) no-repeat;
}

#time{	
	font-size:11px;
	position: absolute;
	letter-spacing: -0.5px;
	left:616px;top:11px;
	display:block;
	width:80px;
	cursor:default;
	-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 */  
}
#currentTimeTxt{
	color:#d5d5d5;
}
#totalTimeTxt{
	color:#6f6f6f;
}

#playBtn{
	background: url(../image/footer/Btn_play.png) no-repeat;
	left:710px; 
    top:7px;
	width:24px;
	height: 24px;
}
#playBtn:hover{
	background: url(../image/footer/Btn_playOver.png) no-repeat;
}
#playBtn.pause{
	background: url(../image/footer/Btn_pause.png) no-repeat;
}
#playBtn.pause:hover{
	background: url(../image/footer/Btn_pauseOver.png) no-repeat;
}

#replayBtn{
	background: url(../image/footer/Btn_replay.png) no-repeat;
	left:744px;
    top:7px;
	width:24px;
}
#replayBtn:hover{
	background: url(../image/footer/Btn_replayOver.png) no-repeat;
}

#scriptBtn{
	background: url(../image/footer/Btn_script.png) no-repeat;
	left:783px;
    top:7px;
	width:24px;
	height:24px;
}
#scriptBtn.hover{
	background: url(../image/footer/Btn_scriptOver.png) no-repeat;
}
#scriptBtn.on{
	background: url(../image/footer/Btn_scriptOver.png) no-repeat;
}
#fullBtn{
	background: url(../image/footer/Btn_Full.png) no-repeat;
	left:777px;
	width:33px;
	height:40px;
}
#fullBtn:hover{
	background: url(../image/footer/Btn_FullOver.png) no-repeat;
}
#fullBtn.disBtn{
	cursor:default;
	opacity: 0.5;
}
#fullBtn.disBtn:hover{
	background: url(../image/footer/Btn_Full.png) no-repeat;
}



#scriptBtn.on:hover{
	opacity: 0.8;
}
#scriptBtn.disBtn{
	cursor:default;
	opacity: 0.5;
}
#scriptBtn.disBtn:hover{
	background: url(../image/footer/Btn_script.png) no-repeat;
}

/* ================== 배속관련 시작 ================== */
#btnSpeed{position: absolute; left:820px; top:3px; width:60px; height:30px;text-align:center;}
#btnSpeed .speedbtn{}
#btnSpeed .speedbtn span{display:table-cell; vertical-align:middle; width:70px; height:30px; text-align:center; 
	font-size:12px;color:#808080;cursor:pointer;
}

#btnSpeed .speedbtn span:hover{font-size:12px;color:#04efa0;}
/*#speedlistAll{position:absolute; left:0px; width:60px; height:50px; background:url(../img/ui_speedbg.png); }*/
#speedlistAll ul{position:absolute; left:0px; top:10px; padding:0px; margin: 0px;}
#speedlistAll ul li {padding:2px; background:#000;border:1px solid #080808;}
#speedlistAll ul li a{display:block; width:60px; height:16px; color:#808080; font-size:12px; text-align:center; text-decoration:none; cursor:pointer;}
#speedlistAll ul li a:hover, #speedlistAll ul li a.selected{color:#04efa0;}
/* ================== 배속관련 끝 ================== */
#muteBtn{
	background: url(../image/footer/Btn_mute.png) no-repeat;
	left:890px;
    top:7px;
	width:24px;
	height:24px;
}
#muteBtn:hover{
	background: url(../image/footer/Btn_muteOver.png) no-repeat;
}
#muteBtn.mute{
	background: url(../image/footer/Btn_muteAc.png) no-repeat;
}
#muteBtn.mute:hover{
	background: url(../image/footer/Btn_muteAcOver.png) no-repeat;
}


#paging{
	
}
#currentNum{
	display: block;
	position: absolute;
	margin: 0px;
	padding:0px;
	right:73px;
	top:3px;
	color: #fff;
	font-family: 's-core-dream-medium'; 
	font-size:20px;
	line-height: 32px;
	font-weight: 500;
	cursor:default;
	
	width:25px;
	text-align: right;
	-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 */  
}

#pagingDot{
	display:block;
	background: url(../image/footer/pagingDot.png) no-repeat;
	width:7px;
	height: 40px;
	position: absolute;
	right:60px;
	top:0px;
}

#totalNum{
	display: block;
	position: absolute;
	margin: 0px;
	padding:0px;
	right:34px;
	top:9px;
	color: #808080;
	font-family: 's-core-dream-medium'; 
	font-size:15px;
	font-weight: 500;
	cursor:default;
	line-height: 20px;
	width:25px;
	text-align: center;
	-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 */  
}

#prevBtn{
	background: url(../image/footer/Btn_prev.png) no-repeat;
	right:87px;
    top:7px;
	width:35px;
	height: 36px;
}
#prevBtn:hover{
	background: url(../image/footer/Btn_prevOver.png) no-repeat;
}

#nextBtn{
	background: url(../image/footer/Btn_next.png) no-repeat;
	right:5px;
    top:7px;
	width:35px;
	height: 36px;
}
#nextBtn:hover{
	background: url(../image/footer/Btn_nextOver.png) no-repeat;
}
#nextBubble{
	display:none;
	width:211px;
	height: 35px;
	position: absolute;
	right:4px;
	top:-40px;
	text-indent: -1000em;
	border:0px;
	z-index: 110;
}
#nextBubble.last{
	display:block;
	background: url(../image/footer/Bubble_end.png) no-repeat;
}
#nextBubble.show{
	display:block;
	background: url(../image/footer/Bubble_next.png) no-repeat;
}

#narration{
	display:block;
	width:1280px;
	height: 100px;
	background-color: #2a8286;
	top:-100px;
	left:0px;
	position: absolute;
	padding:0;
    z-index:100;
	opacity: 0.9;
}
#nar_txt{
	color:#FFF;
	font-family: 's-core-dream-regular'; 
	font-weight: 300;
	font-size:16px;
	line-height: 22px;
	display: block;
	width:1225px;
	height:86px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: transparent;
	padding:0px 10px  0px 10px;
	word-break:keep-all;
    margin-top:10px;
}
#nar_close{
	display:block;
	text-indent: -1000em;
	border:0px;
	cursor: pointer;
	background: url("../image/nar/nar_close.png") no-repeat;
	width:20px;
	height: 20px;
	position: absolute;
	top:5px;
	right:10px;
}
#nar_close:hover{
	background: url(../image/nar/nar_closeOver.png) no-repeat;
}





/*조그바*/
#jogbar{
	display: block;
	width:570px;
	height: 10px;
	border: 0px solid #FF0000;
    border-radius: 20px;
	position: absolute;
	top:14px;left:30px;
    background-color:#4d4d4d;
    /*
	background-color: transparent;
	background-image: url("../image/footer/dragBg.png");
	background-repeat: no-repeat;
    */
	
}
#jogProgress{
	display: block;
	width:570px;
	height: 10px;
    border-radius: 20px;
	position: absolute;
    background-color:#04efa0;
    /*
	background-color: transparent;
	background-image: url(../image/footer/dragBgOver.png);
	background-repeat: no-repeat;
    */
	left:0px;top:0px;
}
#jogbtn{
	display: none;
	width:20px;
	height: 18px;
	cursor: pointer;
	background: url(../image/footer/Btn_drag.png) no-repeat;
	position: absolute;
	left:0%;top:-8px;
	
}
#jogbtn:hover{
	background: url(../image/footer/Btn_dragOver.png) no-repeat;
}

/* volume*/
#volJogBar{
	display: block;
	width:48px;
	height: 5px;
	border: 0px solid #FF0000;
	position: absolute;
	top:16px;left:920px;
    border-radius: 20px;
	background-color: #4d4d4d;
}
#volJogProgress{
	display: block;
	width:48px;
	height: 5px;
	border: 0px solid #04efa0;
    border-radius : 20px;
	position: absolute;
	left:0px;top:0px;
	background-color: #04efa0;
}
#volJogbtn{
	display: block;
	width:16px;
	height: 18px;
	cursor: pointer;
	background: url(../image/footer/Btn_drag.png) no-repeat;
	position: absolute;
	top:-9px;left:0%;
}
#volJogbtn:hover{
	/*background: url(../image/footer/Btn_volDragOver.png) no-repeat;*/
}


#marking{
	position:absolute;
	top:-15px;
	left:0px;	
	width:100%;
	float:left;
	height:40px;
	border:0px solid #FF0000;
}

.mvMark{
	display:block;
	width:13px;
	height:18px;
	background:url(../image/main/mark.png) no-repeat;	
	position:absolute;
	top:15px;
}

.mvMarkTxt{
	
	display:block;
	position:absolute;
	text-decoration:none;
	background-color:#FECC32;
	padding:3px;
	color:#000;
	font-size:9pt;
	text-align: center;
	top:-5px;
	border-radius: 5px;
}