/*----------------------------------------------*/
/*---------- student popup audio player --------*/
/*----------------------------------------------*/
.scrollTextbook .pop-audio-player-wrap, .card-type-chivox .pop-audio-player-wrap.on{
	top: 83vh;
}
.pop-audio-player-wrap,
.pop-audio-player-wrap *,
.pop-audio-player-wrap *:before,
.pop-audio-player-wrap *:after {
	box-sizing: border-box;
}
.pop-audio-player-wrap .hide {
	display: none;
}
.pop-audio-player-wrap {
	--toggle-btn-width: 2.6rem;
}
.pop-audio-player-wrap {
	/*display: none;*/
	z-index: 100;
	position: fixed;
	left: 0;
	top: 100vh;
	width: 100%;
	transform: translateX(-100%);
	transition: transform .2s linear;
	padding-left: var(--toggle-btn-width);
	height: 11.5rem;
}
.pop-audio-player-wrap.on {
	transform: translateX(0);
}
.pop-audio-player-wrap button {
	border: none;
	padding: 0;
	cursor: pointer;
	background-color: transparent;
}
.pop-audio-player-wrap button:focus {
	outline: none;
}
.pop-audio-player-wrap .close-btn-wrap {
	position: absolute;
	z-index: 0;
	bottom: 0;
	right: 0;
	transform: translateX(100%);
	display: flex;
	flex-direction: column;
	gap: 3px;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: var(--toggle-btn-width);
	transition: all .2s linear;
}
.pop-audio-player-wrap.on .close-btn-wrap {
	height: 100%;
	right: 100%;
	background-color: rgba(255,255,255,.4);
}
.pop-audio-player-wrap .close-btn {
	flex: 1;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--toggle-btn-width);
	background-color: rgba(0,0,0,.5);
	transition: all .2s linear;
}
.pop-audio-player-wrap.on .close-btn  {
	background-color: rgba(0,0,0,.8);
}
.pop-audio-player-wrap .close-btn.btn-complete-close {
	border-bottom: 1px solid #000;
}
.pop-audio-player-wrap:not(.on.showCompleteCloseBtn) .close-btn.btn-complete-close {
	display: none;
}
.pop-audio-player-wrap:not(.on) .close-btn {
	border-top-right-radius: .5rem;
	border-bottom-right-radius: .5rem;
}
.pop-audio-player-wrap #pop-player-exit {
	display: none;
}
.pop-audio-player-wrap #pop-player-exit.on {
	display: flex;
}
.pop-audio-player-wrap .close-btn > .exit-btn-icon {
	display: block;
	width: 16px;
	height: 1.4rem;
	background-image: url('../images/pop-audio-player/exit-icon.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	transition: all .2s ease-in-out;
}

.pop-audio-player-wrap .close-btn > .btn-icon {
	display: block;
	width: .7rem;
	height: 1.4rem;
	background-image: url('../images/pop-audio-player/arrow-right.svg');
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	transition: all .2s ease-in-out;
}
.pop-audio-player-wrap .close-btn > .btn-icon.icon-cross {
	width: 1rem;
	height: 1rem;
	background-image: url('../images/pop-audio-player/cross.svg');
}
.pop-audio-player-wrap.on .close-btn > .btn-icon {
	transform: rotateZ(180deg);
}
.pop-audio-player {
	font-family: 'Arial', sans-serif;
	color: #fff;
	width: 100%;
	background-color: rgba(0,0,0,.8);
	border-radius: .2rem;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transform: translateX(0);
	transform: all .2s ease-in-out;
}
.pop-audio-player .area-1 {
	display: flex;
	align-items: center;
	padding: 0 2rem;
}
.pop-audio-player .area-1 .area-1-0 {
	margin-right: 2rem;
}
.pop-audio-player .area-1 .area-1-1 {
	flex: 1;
}
.pop-audio-player .pg-container {
	position: relative;
}
.pop-audio-player .pg-bar {
	position: relative;
	width: 100%;
	height: .4rem;
	border-radius: .2rem;
	background-color: #484848;
	overflow: hidden;
	cursor: pointer;
}
.pop-audio-player .pg-bar > .pg-buffer {
	position: absolute;
	width: 100%;
	height: .4rem;
	border-radius: .2rem;
	top: 0;
	right: 100%;
	transform: translateX(0);
	background-color: #6d6d6d;
}
.pop-audio-player .pg-bar > .pg-played {
	position: absolute;
	width: 100%;
	height: .4rem;
	border-radius: .2rem;
	top: 0;
	right: 100%;
	transform: translateX(0);
	background-color: #FF3535;
}
.pop-audio-player .pg-handle {
	position: absolute;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background-color: transparent;
	top: calc(0rem - 1rem + .2rem);
	left: 0;
	transform: translateX(-50%);
}
.pop-audio-player .pg-handle:after {
	content: '';
	display: block;
	position: absolute;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	background-color: #fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 1rem rgba(0,0,0,.5);
}
.pop-audio-player .pg-handle.dragging:after {
	width: 1.5rem;
	height: 1.5rem;
}
.pop-audio-player .area {
	position: relative;
}
.pop-audio-player .area > .drag-handle-of-area {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	cursor: grab;
}
.pop-audio-player .area > .drag-handle-of-area:active,
.pop-audio-player.dragging .area > .drag-handle-of-area {
	cursor: grabbing;
}
.pop-audio-player .area > *:not(.drag-handle-of-area) {
	position: relative;
	z-index: 1;
}
/* Dragging state styles */
.pop-audio-player.dragging {
	box-shadow: 0 0 2rem rgba(0,0,0,.8);
	transform: scale(1.02);
	transition: transform .1s ease-out;
}
body.dragging-player {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
body.dragging-player * {
	cursor: grabbing !important;
}
.pop-audio-player .area-1 .area-1-2 {
	flex-shrink: 0;
	min-width: 9rem;
	padding-left: 1rem;
}
.pop-audio-player .time-list {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 1.4rem;
	line-height: 1;
	color: #fff;
}
.pop-audio-player .time-list > li {

}
.pop-audio-player .time-list > li:nth-child(2) {
	padding: 0 .5rem;
}
.pop-audio-player .area-2 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 7rem 0;
	padding-left: calc(7.5rem - var(--toggle-btn-width));

}


.pop-audio-player .lesson_audio_fav {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute !important;
	left: 2.5rem;
}


.pop-audio-player .lesson_audio_fav img {
	width: 22px;
	height: 19px;
	margin-top: 3px;
}


.pop-audio-player .switch_audio_btn_holder{
	margin-right: auto;
}
.pop-audio-player .switch_audio_btn_holder .switch_audio_btn:before{
	content:'';
	position: absolute; inset: 0;
	background-repeat: no-repeat;
  background-size: 69%;
  background-position: center;
  background-image: url('../images/pop-audio-player/textbook_on.svg');
}
.pop-audio-player .switch_audio_btn_holder .switch_audio_btn.voice_on:before{
	  background-image: url('../images/pop-audio-player/voice_on.svg');
}
.pop-audio-player .switch_audio_btn_holder {
	
}

.pop-audio-player .switch_audio_btn_holder .switch_audio_btn{
	width: 40px;
height: 25px;

border-radius: 4px;
margin-right: auto;
position: relative;
}

.pop-audio-player .switch_audio_btn_holder .switch_audio_btn.voice_on{
	background: #CCCCCC 0% 0% no-repeat padding-box;
}




.pop-audio-player .area-2 .area-2-1 {
	position: absolute;
	top: calc(50% + 0.5rem);
	left: 2.6rem;
	transform: translateY(-50%);

}
.pop-audio-player .area-2 .area-2-2 {

}
.pop-audio-player .area-2 .area-2-3 {
	position: absolute;
	top: calc(50% + 0.5rem);
	right: 2rem;
	transform: translateY(-50%);
}
.pop-audio-player .control-list-1 {
	display: flex;
	justify-content: center;
	align-items: center;
}
.pop-audio-player .control-list-1 > li:nth-child(2) {
	margin: 0 1.5rem;
}
.pop-audio-player .player-btn-1 {
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.pop-audio-player .player-btn-1.btn-play {
	width: 3.5rem;
	height: 3.5rem;
	background-image: url('../images/pop-audio-player/play.svg');
	background-size: 2rem 2.4rem;
}
.pop-audio-player[data-playing="1"] .player-btn-1.btn-play {
	background-image: url('../images/pop-audio-player/pause.svg');
}
.pop-audio-player .player-btn-1.btn-backward,
.pop-audio-player .player-btn-1.btn-forward {
	width: 3.5rem;
	height: 3.5rem;
}
.pop-audio-player .player-btn-1.btn-backward {
	background-image: url('../images/pop-audio-player/backward-3.svg');
	background-size: 2rem 2rem;
}
.pop-audio-player .player-btn-1.btn-forward {
	background-image: url('../images/pop-audio-player/forward-3.svg');
	background-size: 2rem 2rem;
}
.pop-audio-player .player-btn-1.btn-backward.btn-backward-5 {
	background-image: url('../images/pop-audio-player/backward-5.svg');
}
.pop-audio-player .player-btn-1.btn-forward.btn-forward-5 {
	background-image: url('../images/pop-audio-player/forward-5.svg');
}
.pop-audio-player .player-btn-1.btn-backward.btn-backward-10 {
	background-image: url('../images/pop-audio-player/backward-10.svg');
}
.pop-audio-player .player-btn-1.btn-forward.btn-forward-10 {
	background-image: url('../images/pop-audio-player/forward-10.svg');
}
.pop-audio-player .area-3 {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 2rem 1rem;
	padding-right: calc(var(--toggle-btn-width) + 2rem);
	margin-top: .5rem;
}

.pop-audio-player .area-3 .area-3-1{
	width: 100%;

}

.pop-audio-player .area-3 .area-3-1 .shuffle_btn{
	position: absolute; left: 5px;
}


.pop-audio-player .control-list-2 {
	display: flex;
	justify-content: center;
	align-items: center;
}
.pop-audio-player .control-list-2 > li {
	position: relative;
}
.pop-audio-player .control-list-2 > li + li {
	margin-left: 3rem;
}
.pop-audio-player .player-btn-2 {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 5rem;
	height: 3rem;
	font-size: 1.6rem;
	text-align: center;
	color: #fff;
	background-color: transparent;
	border-radius: .5rem;
}
.pop-audio-player .pop-player-speed-area {
	position: relative;
}
.pop-audio-player .btn-speed:after {
	content: 'x';
	display: block;
	font-weight: normal;
	line-height: 1;
	padding-left: .1rem;
}
.pop-audio-player .btn-repeat,
.pop-audio-player .player-btn-2.btn-repeat {
	height: 2.5rem;
	min-width: 4rem;
	background-image: url('../images/pop-audio-player/repeat.svg');
	background-repeat: no-repeat;
	background-size: 1.6rem auto;
	background-position: center;
}
.pop-audio-player .btn-repeat.on {
	background-color: rgba(255,255,255,.8);
}
.pop-audio-player .btn-repeat.on.on-1 {
	background-image: url('../images/pop-audio-player/repeat-black.svg');
}
.pop-audio-player .btn-repeat.on.on-2 {
	background-image: url('../images/pop-audio-player/repeat-single-black.svg');
}
.pop-audio-player .speed-dropdown {
	display: none;
	position: absolute;
	width: 180px;
	height: 354px;
	bottom: 75px;
	left: -10px;
	background-color: #333333;
}
.pop-audio-player .pop-player-speed-title {
	color: #FFF;
	padding: 1.2rem 2rem;
	font-size: 1.1rem;
}
.pop-audio-player .speed-list {
	overflow-y: scroll;
	height: 320px;
}
.pop-audio-player .speed-list .btn-speed-confirm {
	display: flex;
	width: 100%;
	align-items: center;
	font-size: 1.4rem;
	font-weight: 400;
	text-align: center;
	color: #FFF;
	padding: 1rem 2rem;
	transition: background-color .2s ease-in;
	position: relative;
}
.pop-audio-player .speed-list .btn-speed-confirm .num{
	display: flex;
	align-items: baseline;
}
.pop-audio-player .speed-list .btn-speed-confirm .num:after {
	content: 'x';
	display: block;
	font-weight: normal;
	line-height: 1;
	padding-left: .1rem;
}
.pop-audio-player .speed-list .btn-speed-confirm:hover {
	background-color: #222222;
}
.pop-audio-player .speed-list .btn-speed-confirm.on {
	color: #3778F1;
}
.pop-audio-player .speed-list .btn-speed-confirm.on:hover {
	background-color: inherit;
}
.pop-audio-player .speed-list .btn-speed-confirm.on:after {
	content: "";
	display: block;
	width: 16px;
	height: 12px;
	background: url('../images/common/check-blue.svg') no-repeat center;
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}
.pop-audio-player .audio-tag {
	display: none;
}
.pop-audio-player .track-control-list {
	display: flex;
	align-items: center;
	justify-content: center;
}
.pop-audio-player .track-control-list > li {

}
.pop-audio-player .player-btn-1.track-btn {
	width: 2.5rem;
	height: 2.5rem;
	background-size: 1.2rem auto;
}
.pop-audio-player .player-btn-1.track-btn.track-btn-previous {
	background-image: url('../images/pop-audio-player/previous-track.svg');
}
.pop-audio-player .player-btn-1.track-btn.track-btn-next {
	background-image: url('../images/pop-audio-player/next-track.svg');
}
.pop-audio-player .player-btn-1.track-btn.disabled {
	opacity: .3;
}
.pop-audio-player .track-control-list .track-info {
	padding: 0 1rem;
	font-size: 1.4rem;
}
/* error */
.pop-audio-player .error-message {
	display: none;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #fff;
	background-color: #000;
}
.pop-audio-player .error-message .error-message-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 1rem;
}
.pop-audio-player .settings-sp{
	display: none;
}
.pop-audio-player .settings-pc{
	padding-right: 2px;
}
.pop-audio-player .settings-pc .speed-list::-webkit-scrollbar {
	background: transparent;
	width: 6px;
}
.pop-audio-player .settings-pc .speed-list::-webkit-scrollbar-thumb {
	width: 6px;
	background-color: #555555;
	border-radius: 100px;
}
/* mobapp styles */
@media only screen and (max-width: 767px) {
	.pop-audio-player-wrap {
		--toggle-btn-width: 2rem;
	}
	.pop-audio-player {
		
	}
	.pop-audio-player .area-1 {
		padding: 0 1.5rem;
	}
	.pop-audio-player .area-1 .area-1-2 {
		min-width: 8rem;
	}

	.pop-audio-player .lesson_audio_fav {
		left: 0.97rem;
	}

	.pop-audio-player .area-2 {
		padding: 0.5rem 3.5rem 0;
		padding-left: calc(3.5rem - var(--toggle-btn-width));

	}
	.pop-audio-player .area-2 .area-2-3 {
		top: calc(50% + 0.25rem);
		right: 1.5rem;
	}
	.pop-audio-player .area-3 {
		padding: 0 1.5rem 0.5rem;
		padding-right: calc(var(--toggle-btn-width) + 1.5rem);
		margin-top: 0;
	}
	.pop-audio-player .btn-repeat, .pop-audio-player .player-btn-2.btn-repeat,
	.pop-audio-player .switch_audio_btn_holder .switch_audio_btn{
		width: 30px;
		height: 20px;
		min-width: 30px;
	}
	.pop-audio-player .area-2 .area-2-1 {
		left: 1.3rem;
		transform: translateY(-70%);
	}
	.pop-audio-player .area-3 .area-3-1 .shuffle_btn{left: 0;}

	.pop-audio-player .player-btn-1.btn-backward,
	.pop-audio-player .player-btn-1.btn-forward,
	.pop-audio-player .player-btn-1.btn-play {
		width: 3rem;
		height: 3rem;
	}
	.pop-audio-player .player-btn-2 {
		font-size: 1.4rem;
		line-height: 1.2;
		height: unset;
		min-width: 3rem;
	}
	.pop-audio-player .time-list {
		font-size: 1.2rem;
	}
	.pop-audio-player .error-message {
		font-size: 1.2rem;
	}

	/* NJ-39749 start */
	.pop-audio-player .speed-dropdown{
		width: 100vw;
		height: auto;
		left: -35px;
		right: 0;
		bottom: 52px;
		background-color: #222222;
	}
	.pop-audio-player .settings-pc{
		display: none;
	}
	.pop-audio-player .settings-sp{
		display: block;
		color: #FFF;
	}
	.pop-audio-player .settings-sp .pop-player-speed-title {
		text-align: center;
		font-size: 1.2rem;
		padding: 1.5rem;
		border-bottom: 1px solid #444444;
	}
	.pop-audio-player .settings-sp .select-area{
		padding: 2rem 0;
	}
	.pop-audio-player .settings-sp .selected-speed{
		font-size: 1.6rem;
		font-weight: 600;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 1.5rem 0;
		margin: 0 0 1rem;
	}
	.pop-audio-player .settings-sp .selected-speed:after{
		content: "";
		display: block;
		width: 1.3rem;
		height: .7rem;
		background: url('../images/common/ic-triangle-blue.svg') no-repeat center;
		background-size: contain;
	}
	.pop-audio-player .settings-sp .speed-list-wrap{
		position: relative;
	}
	.pop-audio-player .settings-sp .speed-list-wrap:before,
	.pop-audio-player .settings-sp .speed-list-wrap:after{
		content: '';
		height: 100%;
		width: 120px;
		background: linear-gradient(to left, transparent 0%, #222 100%);
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		pointer-events: none;
	}
	.pop-audio-player .settings-sp .speed-list-wrap:after{
		left: inherit;
		right: 0;
		background: linear-gradient(to right, transparent 0%, #222 100%);
	}
	.pop-audio-player .settings-sp .selected-scope{
		position: absolute;
		z-index: 10;
		left: 50%;
		transform: translateX(-50%);
		background: #3778F1;
		width: .3rem;
		height: 3rem;
	}
	.pop-audio-player .settings-sp .speed-list {
		overflow: visible;
		height: auto;
		display: flex;
	}
	/* .pop-audio-player .settings-sp .speed-list .swiper-slide-active + .swiper-slide:nth-child(n + 4){
		opacity: .4;
	} */
	.pop-audio-player .settings-sp .speed-list .btn-speed-confirm {
		font-size: 1.4rem;
		display: flex;
		flex-direction: column;
		position: relative;
		padding: .4rem 0 0;
	}
	.pop-audio-player .settings-sp .speed-list .btn-speed-confirm:hover,
	.pop-audio-player .settings-sp .speed-list .btn-speed-confirm:focus {
		background-color: inherit;
	}
	.pop-audio-player .settings-sp .speed-list .btn-speed-confirm:before{
		content: "";
		height: 2.4rem;
		background-color: #FFF;
		width: 1px;
	}
	.pop-audio-player .settings-sp .speed-list .btn-speed-confirm .num{
		/* position: absolute; */
		top: 100%;
		margin-top: 1.5rem;
	}
	.pop-audio-player .settings-sp .speed-list .btn-speed-confirm .num:after {
		content: none;
	}
	.pop-audio-player .settings-sp .select-btn-wrap{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0 1.2rem;
		margin-top: 3rem;
	}
	.pop-audio-player .settings-sp .select-btn-wrap .btn-speed{
		border-radius: 50%;
		background: #444444;
		width: 3.6rem;
		height: 3.6rem;
		color: #FFF;
		font-size: 1.4rem;
		font-weight: 600;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.pop-audio-player .settings-sp .select-btn-wrap .btn-speed:after{
		content: none;
	}
	/* NJ-39749 end */
}
/* NJ-39749 mobapp start */
.isMobapp .pop-audio-player .speed-dropdown{
	width: 100vw;
	height: auto;
	left: -35px;
	right: 0;
	bottom: 36px;
	background-color: #222222;
}
.isMobapp .pop-audio-player .settings-pc{
	display: none;
}
.isMobapp .pop-audio-player .settings-sp{
	display: block;
	color: #FFF;
}
.isMobapp .pop-audio-player .settings-sp .pop-player-speed-title {
	text-align: center;
	font-size: 1.2rem;
	padding: 1.5rem;
	border-bottom: 1px solid #444444;
}
.isMobapp .pop-audio-player .settings-sp .select-area{
	padding: 2rem 0;
}
.isMobapp .pop-audio-player .settings-sp .selected-speed{
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1.5rem 0;
	margin: 0 0 1rem;
}
.isMobapp .pop-audio-player .settings-sp .selected-speed:after{
	content: "";
	display: block;
	width: 1.3rem;
	height: .7rem;
	background: url('../images/common/ic-triangle-blue.svg') no-repeat center;
	background-size: contain;
}
.isMobapp .pop-audio-player .settings-sp .speed-list-wrap{
	position: relative;
}
.isMobapp .pop-audio-player .settings-sp .speed-list-wrap:before,
.isMobapp .pop-audio-player .settings-sp .speed-list-wrap:after{
	content: '';
	height: 100%;
	width: 120px;
	background: linear-gradient(to left, transparent 0%, #222 100%);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	pointer-events: none;
}
.isMobapp .pop-audio-player .settings-sp .speed-list-wrap:after{
	left: inherit;
	right: 0;
	background: linear-gradient(to right, transparent 0%, #222 100%);
}
.isMobapp .pop-audio-player .settings-sp .selected-scope{
	position: absolute;
	z-index: 10;
	left: 50%;
	transform: translateX(-50%);
	background: #3778F1;
	width: .3rem;
	height: 3rem;
}
.isMobapp .pop-audio-player .settings-sp .speed-list {
	overflow: visible;
	height: auto;
	display: flex;
}
/* .isMobapp .pop-audio-player .settings-sp .speed-list .swiper-slide-active + .swiper-slide:nth-child(n + 4){
	opacity: .4;
} */
.isMobapp .pop-audio-player .settings-sp .speed-list .btn-speed-confirm {
	font-size: 1.4rem;
	display: flex;
	flex-direction: column;
	position: relative;
	padding: .4rem 0 0;
}
.isMobapp .pop-audio-player .settings-sp .speed-list .btn-speed-confirm:hover,
.isMobapp .pop-audio-player .settings-sp .speed-list .btn-speed-confirm:focus {
	background-color: inherit;
}
.isMobapp .pop-audio-player .settings-sp .speed-list .btn-speed-confirm:before{
	content: "";
	height: 2.4rem;
	background-color: #FFF;
	width: 1px;
}
.isMobapp .pop-audio-player .settings-sp .speed-list .btn-speed-confirm .num{
	/* position: absolute; */
	top: 100%;
	margin-top: 1.5rem;
}
.isMobapp .pop-audio-player .settings-sp .speed-list .btn-speed-confirm .num:after {
	content: none;
}
.isMobapp .pop-audio-player .settings-sp .select-btn-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 1.2rem;
	margin-top: 3rem;
}
.isMobapp .pop-audio-player .settings-sp .select-btn-wrap .btn-speed{
	border-radius: 50%;
	background: #444444;
	width: 3.6rem;
	height: 3.6rem;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
}
.isMobapp .pop-audio-player .settings-sp .select-btn-wrap .btn-speed:after{
	content: none;
}
/* NJ-39749 mobapp end */
@media print {
	.pop-audio-player-wrap {
		display: none !important;
	}
}


/* NJ-26451 playback speed sizing to scrollable */
@media (max-height: 400px) {
    .pop-audio-player .speed-list {
        overflow-y: scroll !important;
        height: 190px;
        max-height: 100%;
    }

    .speed-list::-webkit-scrollbar {
        width: 5px;
    }

    .speed-list::-webkit-scrollbar-track {
        background-color: #cecece; 
    }

    .speed-list::-webkit-scrollbar-thumb {
        background-color: #888; 
    }

    .pop-audio-player-wrap {
        z-index: 9999;
    }
}
/*--------------------------------------------------*/
/*---------- student popup audio player END --------*/
/*--------------------------------------------------*/

/* NJ-50294 [start] */
.isFromModal #pop-player-wrap.pop-audio-player-wrap{
	background-color: transparent;
}
.isFromModal #pop-player.pop-audio-player{
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
}
/* NJ-50294 [end] */

/* NJ-66504 [start] */
#pop-player-wrap #pop-player-btn-play.disabled,
#pop-player-wrap #pop-player-btn-backward.disabled,
#pop-player-wrap #pop-player-btn-forward.disabled,
#pop-player-wrap #pop-player-repeat.disabled,
#pop-player-wrap #pop-player-speed-select.disabled,
#pop-player-wrap #pop-player-exit.disabled,
#pop-player-wrap #pop-player-close.disabled {
	opacity: .3;
	cursor: not-allowed;
}
/* NJ-66504 [end] */