/*방송 듣기*/
.jp-audio *:focus,
.jp-audio-stream *:focus{outline:none;} 
.jp-audio button::-moz-focus-inner,
.jp-audio-stream button::-moz-focus-inner{border:0;} 
.jp-audio,
.jp-audio-stream{font-size: 16px;line-height: 1.6;color: #666;} 
.jp-audio {width:100%;border-radius:1rem;padding:1.2rem 1rem 1rem;background: #F5F5F5;}
.jp-interface{position:relative;width:100%;padding:0 0.5rem 1.5rem;}
.jp-audio .jp-controls {display:flex;align-items:center;justify-content:center;margin-bottom:0.5rem;}
.jp-audio .jp-controls button{border:none;cursor:pointer;background-color: transparent;} 
.jp-audio .jp-play{position:relative;width:50px;height:50px;line-height:50px;}
.jp-audio .jp-play::before {content: "\f4f2";position:absolute;top:0;left:0;color:#3F3F3F;
font-size:3rem;display:inline-block;font-family: bootstrap-icons !important;font-style:normal;font-weight: 400 !important;font-variant:normal;text-transform: none;line-height: 1;vertical-align: -.125em; -webkit-font-smoothing: antialiased;}
.jp-audio .jp-play:focus::before {content:"\f4f2";}
.jp-state-playing .jp-play::before{content:"\f4f2";}
.jp-state-playing .jp-play:focus::before{content:"\f4c1";}

.jp-audio .jp-stop{position:relative;width:28px;height:28px;margin-left:1rem;}
.jp-audio .jp-stop::before {content: "\f591";position:absolute;top:0;left:0;color:#3F3F3F;
font-size:1.8rem;display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: 400 !important;font-variant: normal;    text-transform: none;line-height: 1;vertical-align: -.125em; -webkit-font-smoothing: antialiased;}
.jp-audio .jp-stop:focus::before {content:"\f590";color:#ccc;}
/* @group progress bar */
.jp-audio .jp-progress{height:4px;overflow: hidden;background-color:#C5CBCD;border-radius:1rem;} 
.jp-audio .jp-seek-bar {width:0px;height:100%;cursor:pointer; } 
.jp-audio .jp-play-bar{width:0px;height:100%;background-color:#000;border-radius:1rem;}

.jp-audio .jp-current-time,
.jp-audio .jp-duration{width: 60px;font-size: 1.1rem;} 
.jp-audio .jp-current-time{float: left;display: inline;cursor:default;color:#333; } 
.jp-audio .jp-duration{float:right;display:inline;text-align:right;cursor:pointer;} 

.jp-jplayer audio,
.jp-jplayer {width:0px;height:0px;} 
.jp-jplayer {background-color: #000000;}



/*TTS 미리듣기*/
.jp-audio-pink{position:relative;width:40%;border:1px solid;flex-grow:1;
text-align: center;font-size: 1rem;font-weight: 600;border-radius: 0.6rem;display: block;overflow:hidden;}
.jp-type-single1{height:100%;}
.jp-type-single1 .jp-controls{display:flex;height:100%;}
.jp-type-single1 .jp-controls button{background-color:transparent;border:0;display:block;height:100%;text-align:center;flex-grow:1;font-weight:600;}

.jp-type-single1 .jp-play{position:relative;display:block;border-right:1px solid #ccc !important;width:50%;padding-right:20px;}
.jp-type-single1 .jp-play::before{content:"\F4F5";position:absolute;top:50%;right:10%;margin-top:-15px;display:inline-block;font-family: bootstrap-icons !important;font-style:normal;font-weight:400 !important;font-size:1.2rem;}

.jp-type-single1 .jp-play:focus::before{content: "\F4F2";}

.jp-state-playing .jp-type-single1 .jp-play {position:relative;padding-right:20px;display:block;}
.jp-state-playing .jp-type-single1 .jp-play::before{content: "\F4C2";position:absolute;top:50%;right:10%;margin-top:-14px;display:inline-block;font-family: bootstrap-icons !important;font-style:normal;font-size:1.2rem;font-weight:400 !important;}
.jp-state-playing .jp-type-single1 .jp-play:focus {position:relative;padding-right:20px;display:block;}
.jp-state-playing .jp-type-single1 .jp-play:focus::before{content: "\F4C1";position:absolute;top:50%;right:10%;margin-top:-15px;display:inline-block;font-family: bootstrap-icons !important;font-style:normal;font-size:1.2rem;font-weight:400 !important;}

.jp-type-single1 .jp-stop {position:relative;padding-right:20px;display:block;}
.jp-type-single1 .jp-stop::before{content:"\F593";position:absolute;top:50%;right:10%;margin-top:-15px;display:inline-block;font-family: bootstrap-icons !important;font-style:normal;font-weight:400 !important;font-size:1.2rem;}
.jp-type-single1 .jp-stop i{font-size:1.2rem;vertical-align:text-top;}

.jp-type-single1 .jp-stop:focus{position:relative;padding-right:20px;display:block;}
.jp-type-single1 .jp-stop:focus::before{content:"\F590";position:absolute;top:50%;right:10%;margin-top:-15px;display:inline-block;font-family: bootstrap-icons !important;font-style:normal;font-weight:400 !important;font-size:1.2rem;}

.jp-type-single1 .jp-progress {position:absolute;bottom:0;width:100%;height:5px;overflow:hidden;}
.jp-type-single1 .jp-seek-bar {width: 0px;height: 100%;overflow: hidden;pointer-events: none; }
.jp-type-single1 .jp-play-bar {width: 0px;height: 100%;overflow: hidden;}