@import url(nanumgothic.css);

/* CSS Document */

body {
	/*display: none;*/
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	font-family: 'Nanum Gothic';
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	background: #1e1e1e;
}

html,
body {
	height: 100%
}

textarea:focus,
button:focus,
input:focus {
	outline: none;
}


#container {
	display: block;
	/* border: 0px solid #ff0000; */
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background: url(../img/main/contentsBg.png) #1e1e1e no-repeat;
	margin: 0 auto;
}



/*--------------------------------------------------------------------------------학습지원도구End*/

/*본문*/
#contents {
	display: block;
	width: 1280px;
	height: 720px;
	top: 0px;
	left: 0px;
	border: 0px solid #FF0000;
	position: absolute;
}


#myVideo {
	width: 1280px;
	height: 720px;
}


#footer {
	display: block;
	position: absolute;
	width: 100%;
	height: 30px;
	bottom: 0px;
	left: 0px;
	background-color: #1e1e1e;
	/*	background: url(../img/main/controlbar_bg.png) no-repeat;*/
}


#htmlContents {
	/* display: none; */
	width: 1280px;
	height: 720px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0);
}



#loadActFrame {
	width: 1280px;
	height: 720px;
}





#mobileLoading {
	width: 100%;
	height: 100%;
	border: 0px solid #FF0000;
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	background: url(../img/main/loading_bg.png);
	z-index: 9999999;
}


#mbImg {
	display: block;
	background: url(../img/main/loading_8.gif) no-repeat;
	width: 74px;
	height: 74px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -37px;
	margin-left: -37px;
}



.black {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

@media all {

	#footerSet {
		position: absolute;
		display: block;
		width: 100%;
		height: 30px;
		left: 0px;
	}

	#controller {
		position: relative;
		width: 100%;
		height: 30px;
		margin-left: -15px;
	}

  .skipBtn {
    position: absolute;
    left: 16px;
    top: 1px;
    width: 116px;
    height: 28px;
    background: url("../../common_act/img/skip_btn.png") no-repeat;
  }
  .skipBtn:hover {
    background: url("../../common_act/img/skip_btn_over.png") no-repeat;
  }
	#paging {
		float: left;
		display: block;
		width: 120px;
		height: 30px;
		position: absolute;
		right: 0;
		top: 0px;
	}

	/*이전 다음버튼*/
	#prevBtn {
		border: 0px;
		background: url(../img/main/prevBtn.png) no-repeat;
		width: 20px;
		height: 30px;
		position: absolute;
		left: 0px;
		top: 0px;
	}

	#nextBtn {
		border: 0px;
		background: url(../img/main/nextBtn.png) no-repeat;
		width: 20px;
		height: 30px;
		position: absolute;
		left: 103px;
		top: 0px;
	}

	#prevBtn:hover {
		background: url(../img/main/prevBtnOver.png) no-repeat;
	}

	#nextBtn:hover {
		background: url(../img/main/nextBtnOver.png) no-repeat;
	}


	/* page num*/
	#pageNum {
		position: absolute;
		left: 0px;
		top: -2px;
	}

	#currentNum {
		display: block;
		width: 25px;
		height: 22px;
		margin: 0px;
		padding: 0px 0 0 0;
		text-align: center;
		cursor: default;
		color: #ffad64;
		font-size: 18px;
		line-height: 15px;
		position: absolute;
		display: block;
		left: 29px;
		top: 9px;
		font-family: 'Nanum Gothic', sans-serif;
		font-weight: 800;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	#pageLine {
		display: block;
		width: 10px;
		height: 22px;
		position: absolute;
		left: 60px;
		top: 7px;
		color: #868686;
		font-size: 16px;
		font-family: 'Nanum Gothic', sans-serif;
		font-weight: 800;
	}

	#totalNum {
		display: block;
		width: 25px;
		height: 22px;
		margin: 0px;
		padding: 0px 0 0 0;
		text-align: center;
		cursor: default;
		color: #868686;
		font-size: 18px;
		line-height: 15px;
		position: absolute;
		display: block;
		left: 70px;
		top: 9px;
		font-family: 'Nanum Gothic', sans-serif;
		font-weight: 800;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
}