@charset "utf-8";

#wrap .ad_skip { position:absolute; bottom:60px; right:20px; width:70px; font-weight:bold; font-family:'Nanum Gothic'; cursor:pointer; }
#wrap .ad_skip .count { width:70px; line-height:40px; border:1px solid #333; background:#666; text-align:center; font-size:14px;  }
#wrap .ad_skip .count a { display:block; color:#FFF;  }
#wrap .ad_skip .count a:hover { background:#999 }
#wrap .ad_skip .skip { width:70px; line-height:40px; border:1px solid #097574; background:#0eb3b2; text-align:center; font-size:14px }
#wrap .ad_skip .skip a { display:block; color:#FFF }
#wrap .ad_skip .skip a:hover { background:#67e1e0 }

.playState { pointer-events:none; opacity:0; width:80px; height:80px; border-radius:80px; position:absolute; top:50%; left:50%; margin-top:-40px; margin-left:-40px; z-index:200 }
.playState[data-state="play"] { background:rgba(0, 0, 0, 0.6) url(../images/play.svg) no-repeat 50% 50% }
.playState[data-state="paused"] { background:rgba(0, 0, 0, 0.6) url(../images/pause.svg) no-repeat 50% 50% }
.playState[data-state="prevMoving"] { background:rgba(0, 0, 0, 0.6) url(../images/prev_moving.svg) no-repeat 50% 50% }
.playState[data-state="nextMoving"] { background:rgba(0, 0, 0, 0.6) url(../images/next_moving.svg) no-repeat 50% 50% }
.playState.animate { animation: slidein 0.5s }

.playStatePrev { pointer-events:none; display:none; width:80px; height:80px; border-radius:80px; position:absolute; top:50%; left:50%; margin-top:-40px; margin-left:-40px; z-index:200 }
.playStatePrev[data-state="prevMoving"] { background:rgba(0, 0, 0, 0.6) url(../images/prev_moving.svg) no-repeat 50% 50% }


.playStateNext { pointer-events:none; display:none; width:80px; height:80px; border-radius:80px; position:absolute; top:50%; left:50%; margin-top:-40px; margin-left:-40px; z-index:200 }
.playStateNext[data-state="nextMoving"] { background:rgba(0, 0, 0, 0.6) url(../images/next_moving.svg) no-repeat 50% 50% }

.seekbar_focus { outline:2px solid #000 !important; border-radius:4px; }
@keyframes slidein {
	0% { opacity:1; transform: scale(0) }
	100% { opacity:0; transform: scale(2) }
}