#itgo-player {width:1280px;max-width:100%;height:720px;cursor:pointer;}
@media all and (max-width:479px) {
	#itgo-player {width:320px;height:320px;}
}
@media all and (min-width:480px) and (max-width:767px) {
	#itgo-player {width:767px;max-width:100%;height:450px;}
}
@media all and (min-width:768px) and (max-width:1019px) {
	#itgo-player {width:1019px;max-width:100%;height:720px;}
}
#no_script{width:100%;height:auto;background:#ececec;text-align:center;color:#000;}
#no_script h2{vertical-align:middle !important;}
ul,ol,dl{list-style:none}

.custom_menu {
	position: absolute;
	overflow: hidden;
	display:none;
	background: rgba(28, 28, 28, 0.9);
	bottom:0px;
	right:0px;
	
	padding:0; margin:0;
}
.custom_menu li{
	width: 200px !important;
}


.custom_menu li a {
	display: block;
	padding:10px 0 10px 10px;
	color: #fff;
	font-size: 12px;
	text-decoration: none
}
.custom_menu li:nth-child(n+3) {
	display: block;
	padding:10px 0 10px 10px;
	color: #fff;
	font-size: 12px;
	text-decoration: none
}

.custom_menu li a:hover {
	width: 200px !important;
	background: rgba(255, 255, 255, .1)
}
.itgo_help{width:600px;max-width:100%; height:358px; background-color: rgba( 0, 0, 0, 0.8 ); border-radius: 10px; position:absolute;top:0;top:40%;left:50%;transform:translate(-50%, -50%);font-size:12px;display:none;}
.itgo_help_wrap{display: flex; color:#fff;  padding:20px; box-sizing: border-box; font-size: 14px; line-height: 20px}

.itgo_help dl.itog_help_left{width:50%; padding-right:20px; box-sizing: border-box}
.itgo_help dl.itog_help_left dt{font-weight: 800}
.itgo_help dl.itog_help_left dd{margin-top:12px}
.itgo_help dl.itog_help_left .ply_des_cotr1{background:url(/images/ply_play.png) 0 center no-repeat; padding-left:22px} /* 플레이 */
.itgo_help dl.itog_help_left .ply_des_cotr2{background:url(/images/ply_pause.png) 0 center no-repeat; padding-left:22px} /* 일시정지 */
.itgo_help dl.itog_help_left .ply_des_cotr3{background:url(/images/help_volume.png) 0 center no-repeat; padding-left:89px} /* 음량조절 */
.itgo_help dl.itog_help_left .ply_des_cotr4{background:url(/images/help_time.png) 0 0 no-repeat; padding-top:20px} /* 동영상 플레이 시간 */
.itgo_help dl.itog_help_left .ply_des_cotr5{background:url(/images/help_speed.png) 0 center no-repeat; padding-left:102px} /* 배속조정 */
.itgo_help dl.itog_help_left .ply_des_cotr6{background:url(/images/ply_wide.png) 0 center no-repeat; padding-left:30px} /* 동영상 확장 */
.itgo_help dl.itog_help_left .ply_des_cotr7{background:url(/images/ply_max.png) 0 center no-repeat; padding-left:26px} /* 전체화면 */
.itgo_help dl.itog_help_left .ply_des_cotr8{background:url(/images/ply_cc.png) 0 center no-repeat; padding-left:26px} /* 자막 */

.itgo_help dl.itog_help_right{border-left:solid 1px #fff; padding-left:20px; box-sizing: border-box}
.itgo_help dl.itog_help_right dt{font-weight: 800}
.itgo_help dl.itog_help_right dd{margin-top:15px}
.itgo_help dl.itog_help_right dd .hotkey{padding:5px; background: #000; border-radius: 5px; border:solid 1px rgba(255,255,255,0.5); box-sizing: border-box}
.itgo_help dl.itog_help_right .ply_des_shor1{}
.itgo_help dl.itog_help_right .ply_des_shor2{}
.itgo_help dl.itog_help_right .ply_des_shor3{}
.itgo_help dl.itog_help_right .ply_des_shor4{}
.itgo_help dl.itog_help_right .ply_des_shor5{}

.bookmark_list{width:190px; margin:30px; float:left;}
.book_tit{height:24px; font-size:14px; font-weight:700; position:relative; margin-bottom:14px;}
.bookmark_num{background: #000; border-radius: 4px; color: #fff; display: inline-block;  font-family: 'NanumGothic', '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif, Arial, sans-serif; font-size: 12px; font-weight: 700; line-height: 24px; height: 24px; width: 24px; margin-right: 6px;  text-align: center; }

.delete_btn{padding:3px 6px; background-color: rgba( 0, 0, 0, 0.5 ); color:#fff; font-size:11px; line-height:11px; border:1px solid #acacac; position:absolute; right:70px; top:2px;}
.text{color:#fff; height:24px; vertical-align:top; line-height:24px;}

.paly_btn2{background:url(../images/play_btn2.png) no-repeat center center; width:120px; height:120px; position:absolute; top:50%; left:50%; margin-left:-60px; margin-top:-60px;}


/*keyicon*/

.text2{color:#fff; margin-left:72px; height:24px; vertical-align:top; line-height:24px;}
.text3{color:#fff; margin-left:92px; height:24px; vertical-align:top; line-height:24px;}


@keyframes blink-effect {
	50% {
		opacity: 0;
	}
}

.blink {
	color:#fff;
	animation: blink-effect 1.5s step-end infinite;

	/*
	animation-name: blink-effect;
	animation-duration: 1s;
	animation-iteration-count:infinite;
	animation-timing-function:step-end;
	*/
}