.video {
	color:red;
	width:50px;
	height:50px;
	border: none;
	z-index:99;
	background:url("../img/video.png") no-repeat;
	background-size:contain;
}

.video:hover {
	background:url("../img/video_on.png") no-repeat;
	background-size:contain;
}

.play_btn_wrap {display:none;}
.play_btn_wrap.on {display:block;}

.type3 {
	width:75px; 
	height:75px;
	background:url("../img/btn_audio_nor.png") no-repeat;
	background-size:contain;
	border:none;
	z-index:99;
}

.type3:hover {
	opacity:0.5;
}

.type4 {
	width:50px;
	height:50px;
	border: none;
	z-index:99;
	background:url("../img/mp3_pause.png") no-repeat;
	background-size:contain;
}

.type4:hover {
	background:url("../img/mp3_pause_on.png") no-repeat;
	background-size:contain;
}

.type4.on {
	background:url("../img/mp3.png") no-repeat;
	background-size:contain;
}

.type4.on:hover {
	background:url("../img/mp3_on.png") no-repeat;
	background-size:contain;
}

.type1{
	color:red;
	border: none;
	opacity:0;
	z-index:99;
}

/*.type1:hover {
	opacity:0.2;
}*/

/* ------- 2018-11-09 김영진 - 이미지 변경 및 추가 ------- */
.image {
	width:75px;
	height:75px;
	border: none;
	background:url("../img/btn_check.png") no-repeat;
	background-size:contain;
	z-index:99;
}

.image.btn_info {
	background:url("../img/btn_information.png") no-repeat;
	background-size:contain;
}

.image:hover {
	opacity:0.5;
}

/*
.image.type1 {
	width:50px;
	height:50px;
	background:none;
	background-color:#CFCFCF;
	opacity:0;
}
*/

/* ------- 2018-11-09 김영진 - 이미지 변경 및 추가 ------- */

.goto {
	color:red;
	border: none;
	background:url("../img/goto.png") no-repeat;
	background-size:contain;
	z-index:99;
}

.goto:hover {
	opacity:0.5;
}

.goto.type1 {
	background:none;
	background-color:#CFCFCF;
}

.drawer {
	width:75px;
	height:75px;
	border: none;
	background:url("../img/btn_drawing.png") no-repeat;
	background-size:contain;
	z-index:99;
}

.drawer:hover {
	opacity:0.5;
}

.drawer.type1 {
	background:none;
	background-color:#CFCFCF;
}

.url {
	color:red;
	border: none;
	background:url("../img/link.png") no-repeat;
	background-size:contain;
	z-index:99;
}

.url:hover {
	opacity:0.5;
}

.url.type1 {
	background:none;
	background-color:#CFCFCF;
}

.goback {
	color:red;
	width:50px;
	height:50px;
	border: none;
	z-index:99;
	background:url("../img/back.png") no-repeat;
	background-size:contain;
}

.goback:hover {
	opacity:0.5;
}

.media_layer {display:none; position:absolute; top:0; left:0; width:0; height:0; z-index:100; cursor:move; background:url("../img/move.png") no-repeat; background-position: left center;}
.media_layer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: auto; height:auto; z-index: 10;}
.pop-layer .pop-container {padding: 0px 0px;}

.image_layer {display:none; position:absolute; top:0; left:0; width:0; height:0; z-index:10000;}
.image_layer .image-pop-layer {display:block;}

.image-pop-layer {display:none; position:absolute; top: 0; left: 0; width:auto; height:auto; z-index:10; background:none; border:none; border-radius:0; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.image-pop-layer .pop-container {padding: 0px 0px;}
.image-pop-layer.type_nobg {padding:0px; background:none; border:none; border-radius:0;}
.image-pop-layer.type_info {padding:15px; background:#fff; border:4px solid #5b6b93;border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}

iframe {
	border: 0px red solid;
}

#mediapop {
	width:970px;
	height:100px;
	position: relative;
}

.track1 #mediapop{
	height: 100px;
}

.track2 #mediapop{
	width:720px;
	height: 100px;
}

/*----------------자막 풀사이즈용--------------*/

.pop-layer.scriptOn{
	position: fixed !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	margin-left: 0 !important;
}


/* ------- 2018-11-06 김영진 - 정지, 일시 정지 버튼 추가 및 변경 ------- */

.btn_stop {
	width:75px;
	height:75px;
	border: none;
	z-index:99;
	background:url("../img/mp3_stop.png") no-repeat;
	background-size:contain;
}

.btn_stop:hover {
	opacity:0.5;
}

.btn_pause {
	width:75px;
	height:75px;
	border:none;
	z-index:99;
	background:url("../img/mp3_pause.png") no-repeat;
	background-size:contain;
}

.btn_pause:hover {
	opacity:0.5;
}

.btn_play {
	width:75px;
	height:75px;
	z-index:99;
	background:url("../img/mp3.png") no-repeat;
	background-size:contain;
}

.btn_play:hover {
	opacity:0.5;
}

/* ------- 2018-11-06 김영진 - 정지, 일시 정지 버튼 추가 및 변경 ------- */

.line_content {position:relative;}

.input_text {position:absolute; display:inline-block; font-size:24px; text-align:center; font-weight:600;}

#popClose {display:none;}

.checkQuizLine {
	border:none;
	vertical-align:top;
	z-index:99;
	background:url("../img/btn_check.png") no-repeat;
	background-size:contain;
	text-indent:-9999px;
	font-size:0;
}
.checkQuizLine:hover {opacity:0.5;}

.resetDrawLine {
	border:none;
	vertical-align:top;
	z-index:99;
	background:url("../img/btn_replay.png") no-repeat;
	background-size:contain;
	text-indent:-9999px;
	font-size:0;
}
.resetDrawLine:hover {opacity:0.5;}