/*# sourceURL=/images/player/common-player.css?p_dummy=20201110170000 */
/*@ sourceURL=/images/player/common-player.css?p_dummy=20201110170000 */
@import url("https://www.sericeo.org/images/player/./skin.css");
@import url("https://www.sericeo.org/images/player/./TimeCircles.css");

ul, ol, li {list-style: none;}
a {text-decoration:none;}
em, i {font-style: normal;}

html.layerOn,
html.layerOn body {overflow: hidden;}
button.btn {cursor:pointer; border: 0 none; background: none;}
.font-color1 {color: #5784FF !important;}

.flowplayer {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	overflow: inherit;
}
.flowplayer .fp-header {background: none;}
.flowplayer .fp-controls {height: 2.625em; height: 54px; font-size: 14px; padding-top: 4px; background-color: #000000; background-color: rgba(0,0,0,1);}
.flowplayer .fp-timeline {display: block; position: absolute; left: 0; top: 0; right: 0; margin: 0; height: 4px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.is-playing.is-mouseover .fp-timeline {top: 0px; height: 8px;}
.flowplayer .fp-controls {display: table; width: 100%; opacity: 1; bottom: -54px;}
.flowplayer.is-inverted .fp-controls .fp-remaining,
.flowplayer .fp-controls > * {display: table-cell; vertical-align: middle; text-align: center; cursor: pointer;}
.flowplayer .fp-controls .fp-hidden,
.flowplayer .fp-controls .fp-remaining {display: none;}

.flowplayer .fp-controls .fp-playprev,
.flowplayer .fp-controls .fp-playnext {width: 30px; background-repeat: no-repeat; background-position: center center; font-size: 0; opacity: 0.4;}
.flowplayer .fp-controls .fp-playprev {background-image: url("https://www.sericeo.org/images/player/play-prev.png");}
.flowplayer .fp-controls .fp-playnext {background-image: url("https://www.sericeo.org/images/player/play-next.png");}
.flowplayer .fp-controls .fp-playprev.fp-playprev-on,
.flowplayer .fp-controls .fp-playnext.fp-playnext-on {opacity: 1;}
.flowplayer .fp-controls .fp-playbtn {width: 45px;}
.flowplayer .fp-controls .fp-space {width: 20px;}
.flowplayer .fp-controls .fp-elapsed {width: 60px;}
.flowplayer .fp-controls .fp-remaining,
.flowplayer .fp-controls .fp-duration {width: auto; text-align: left; padding:0 10px;}
.flowplayer .fp-controls .fp-list {width: 50px; font-size: 0;  background: url("https://www.sericeo.org/images/player/btn_player_index_largex3.png") 10px center no-repeat; background-size: 25px auto;}
.flowplayer .fp-controls .fp-list:hover {width: 50px; background-image: url("https://www.sericeo.org/images/player/btn_player_index_over.png"); background-size: 34px auto;}
.flowplayer .fp-controls .volume-wrap {width: 40px;}
.flowplayer .fp-controls .fp-cardindex {width: 80px; width: 60px;}
.flowplayer .fp-controls .fp-sync {width: 60px;}
.flowplayer .fp-controls .fp-qsel {width: 80px; width: 60px;}
.flowplayer .fp-controls .fp-speed {width: 70px; width: 40px;}
.flowplayer .fp-controls .fp-grade {width: 70px; width: 40px;}
.flowplayer .fp-controls .fp-setting {width: 70px; width: 40px;}
.flowplayer .fp-controls .fp-shareSNS {width: 70px; width: 40px;}
.flowplayer .fp-controls .fp-folder {width: 70px; width: 40px;}
.flowplayer .fp-controls .fp-ppt{width: 70px; width: 40px;}
.flowplayer .fp-controls .fp-cardYN{width: 70px; width: 40px;}
.flowplayer .fp-controls .fp-fullscreen {width: 45px;}

.flowplayer .fp-controls .fp-card-prev,
.flowplayer .fp-controls .fp-card-next {width:30px; font-size: 0;
	background-position: center center;
	background-repeat: no-repeat;
}
.flowplayer .fp-controls .fp-card-prev {background-image: url("https://www.sericeo.org/images/player/btn_player_arrow_right.png");}
.flowplayer .fp-controls .fp-card-next {background-image: url("https://www.sericeo.org/images/player/btn_player_arrow_left.png");}


.flowplayer .fp-controls .fp-sync {width: 60px; center center no-repeat;}
.flowplayer .fp-controls .fp-qsel {width: 100px; width: 80px;}
.flowplayer .fp-controls .fp-speed,
.flowplayer .fp-controls .fp-grade,
.flowplayer .fp-controls .fp-folder,
.flowplayer .fp-controls .fp-shareSNS,
.flowplayer .fp-controls .fp-setting,
.flowplayer .fp-controls .fp-ppt {width: 70px; width: 40px;}
.flowplayer .fp-controls .fp-cardYN {width: 60px;}
.flowplayer .fp-controls .fp-grade:before {content:''; display: inline-block; width: 32px; height: 32px; vertical-align: middle;
	background-image: url("https://www.sericeo.org/images/player/btn_player_grade.png");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 31px auto;
	background-size: 36px auto;
}
.flowplayer .fp-controls .fp-ppt:before {content:''; display: inline-block; width: 32px; height: 32px; vertical-align: middle;
	background-image: url("https://www.sericeo.org/images/player/btn_player_download.png");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 31px auto;
	background-size: 25px auto;
}
.flowplayer .fp-controls .fp-fullscreen {width: 45px;}

.flowplayer .fp-menu.fp-active {bottom: 4.2em; bottom: 0.2em;}
.flowplayer .fp-timeline * {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.use-drag-handle .fp-dragger {display: inline-block; transition: transform .2s; border-radius: 3em; width: 1em; height: 1em; position: relative; top: -.44em}
.use-drag-handle.is-playing.is-mouseover .fp-dragger {top: -4px;}

.flowplayer .fp-color {text-align: right; background-color: #2A97F3;}
.flowplayer .fp-middle {display: none;}
.flowplayer.is-finished .fp-middle {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.9);}
.flowplayer.is-finished .fp-middle .layer {}
.flowplayer.is-finished .fp-middle .layer1 {overflow: hidden; margin-top: 20px;}
.flowplayer.is-finished .fp-middle .layer1 .headline {padding-top: 25px; font-size: 20px; color: #fff;}
.flowplayer.is-finished .fp-middle .layer1 .ul {overflow: hidden; margin-top: 55px; padding: 0 66px;}
.flowplayer.is-finished .fp-middle .layer1 .ul > .item {float: left; width: 33.33333333%;}
.flowplayer.is-finished .fp-middle .layer1 .ul > li .item-in {padding: 0 6px;}
.flowplayer.is-finished .fp-middle .layer1 a {display: block; text-align: left; border: 2px solid transparent;
	-webkit-transition:;
	-moz-transition:;
	-o-transition:;
	transition: border-color 0.4s;
}
.flowplayer.is-finished .fp-middle .layer1 a:hover {border-color: #2A97F3;}
.flowplayer.is-finished .fp-middle .layer1 a .img {overflow: hidden;}
.flowplayer.is-finished .fp-middle .layer1 a .img img {width: 100%; margin-top: -41%;}
.flowplayer.is-finished .fp-middle .layer1 a .tit {font-size: 18px; line-height: 1.2em; height: 2.666666667em; color: #fff !important;}
.flowplayer.is-finished .fp-middle .layer1 a .auth {margin-top: 5px; font-size: 14px; line-height: 1.714285714285714em; color: #a8a8a8 !important;}
.flowplayer.is-finished .fp-middle .layer1 .div {margin: 10px auto 0; width: 35%;}
.flowplayer.is-finished .fp-middle .layer1 .div img {width: 100%;}
.flowplayer.is-finished .fp-middle .layer1 .div .item {}
.flowplayer.is-finished .fp-middle .layer1 .div .item-in {}
.flowplayer.is-finished .fp-middle .layer1 .div .item-in .img {position: relative;}
.flowplayer.is-finished .fp-middle .layer1 .div .item-in #CountDownTimer {position: absolute; top: 50%; left: 50%; margin: -18% 0 0 -18%; width: 36%; padding-top: 36%;}

.time_circles {position: relative; width: 100%; height: 100%;}
.time_circles > div {position: absolute;text-align: center;}
.time_circles > div > h4 {margin: 0; padding: 0; text-align: center; text-transform: uppercase; font-family: 'Century Gothic', Arial; line-height: 1;}
.time_circles > div > span {margin: 0; padding: 0; display: block; width: 100%; text-align: center; font-family: 'Century Gothic', Arial; line-height: 1; font-weight: bold;}

.flowplayer.is-finished .time_circles {position: absolute; top: 0; left: 0;}
.flowplayer.is-finished .time_circles canvas {position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.flowplayer.is-finished .time_circles > .textDiv_Seconds {right: 0; width: auto !important;
	top: 50% !important;
	-webkit-transform: translatey(-50%);
	-moz-transform: translatey(-50%);
	-o-transform: translatey(-50%);
	-ms-transform: translatey(-50%);
	transform: translatey(-50%);
}
.flowplayer.is-finished .time_circles > .textDiv_Seconds h4 {}
.flowplayer.is-finished .time_circles > .textDiv_Seconds span {font-size: 28px !important;}
.flowplayer.is-finished .fp-middle .layer1 .div .item-in .play-cancel {border: 0 none; cursor:pointer; background-color: #2A97F3; text-align: center; font-size: 16px; line-height: 20px; color: #fff; padding: 0.5em 1em;}

.playerFixed .flowplayer.is-finished .time_circles > .textDiv_Seconds h4 {display: none;}
.playerFixed .flowplayer.is-finished .time_circles > .textDiv_Seconds span {font-size: 1.5vw !important;}
.playerFixed .flowplayer.is-finished .fp-middle .layer1 .div {width: 70%;}
.playerFixed .flowplayer.is-finished .fp-middle .layer1 .div .item {position: relative;}
.playerFixed .flowplayer.is-finished .fp-middle .layer1 .div .item .item-in {position: relative;}
.playerFixed .flowplayer.is-finished .fp-middle .layer1 .div .item .item-in > a {width: 46%;}
.playerFixed .flowplayer.is-finished .fp-middle .layer1 .div .item .btns {position: absolute; top: 2px; right: 0; width: 52%;}
.playerFixed .flowplayer.is-finished .fp-middle .layer1 .div .item .btns .play-cancel {font-size: 12px; width: 100%;}

.flowplayer .fp-list-menu {overflow:hidden;} 
.flowplayer .fp-ui .fp-list-menu {width: auto; min-width:300px; right: auto; left: 0.5em;}
.flowplayer .fp-ui .fp-list-menu strong {text-align: left;}
.flowplayer .fp-ui .fp-list-menu .ul {padding: 0; text-align: left;}
.flowplayer .fp-ui .fp-list-menu a {display: block; padding: 0.2em 0.8em; text-align: left;}
.flowplayer .fp-ui .fp-list-menu a.fp-color {}

.flowplayer .fp-controls .fp-elapsed,
.flowplayer .fp-controls .fp-duration,
.flowplayer .fp-controls .fp-remaining {letter-spacing: 0;}

.playerFixed {padding-top: 56.25%;}
.playerFixed .flowplayer {position: fixed; z-index: 20; top: auto; right: 50px; bottom: 50px; width: 400px;
	overflow:inherit;
	height:auto !important;
}
.playerFixed .flowplayer .fp-player {}
.playerFixed .flowplayer span.close {position: absolute; top: 0; right: -44px;display: block; cursor:pointer; border: 1px solid #EAEAEA; width: 42px; height: 42px; background:#fff url("https://www.sericeo.org/images/player/btn-player-close.png") center center no-repeat;}
.playerFixed .fp-card-prev,
.playerFixed .fp-cardindex,
.playerFixed .fp-card-next,
.playerFixed .fp-speed,
.playerFixed .fp-qsel,
.playerFixed .fp-sync,
.playerFixed .fp-grade,
.playerFixed .fp-shareSNS,
.playerFixed .fp-setting,
.playerFixed .fp-folder,
.playerFixed .fp-widescreen,
.playerFixed .fp-ppt,
.playerFixed .fp-cardYN,
.playerFixed .fp-line,
.playerFixed .fp-list {display: none;}

.playerFixed .is-playing.is-mouseover .fp-timeline {height: 4px;}
.playerFixed .flowplayer .fp-controls {display: block; height: 40px; bottom: -40px;}
.playerFixed .flowplayer .fp-controls:after {content:''; display: table; clear:both;}
.playerFixed .flowplayer .fp-controls .volume-wrap .btn-volume {height: 36px;}
.playerFixed .flowplayer .fp-controls .volume-slider-cover {bottom: 34px;}
.playerFixed .flowplayer .fp-controls .fp-playbtn,
.playerFixed .flowplayer .fp-controls .fp-elapsed,
.playerFixed .flowplayer .fp-controls .fp-remaining,
.playerFixed .flowplayer .fp-controls .fp-duration,
.playerFixed .flowplayer .fp-controls .fp-space,
.playerFixed .flowplayer .fp-controls .fp-fullscreen {display: block; float: left; width: auto; height: 36px; line-height: 36px;}
.playerFixed .flowplayer .fp-controls .fp-fullscreen {float: right;}
.playerFixed .flowplayer .fp-controls .volume-wrap {display: block; float: left; width: auto;}

.playerFixed .flowplayer.is-inverted .fp-controls .fp-duration,
.playerFixed .flowplayer .fp-controls .fp-remaining {display: none;}
.playerFixed .flowplayer.is-inverted .fp-controls .fp-remaining {display: block;}

.playerFixed .flowplayer.is-finished .fp-middle .layer1 .headline {padding-top: 12px;}
.playerFixed .flowplayer.is-finished .fp-middle .layer1 .ul {margin-top: 10px; padding: 0 10px;}
.playerFixed .flowplayer.is-finished .fp-middle .layer1 a .tit {font-size: 13px; margin-top: 6px;}
.playerFixed .flowplayer.is-finished .fp-middle .layer1 a .auth {display: none;}

.playerFixed .use-drag-handle.is-playing.is-mouseover .fp-dragger {top: -.44em;}

.common-player-box .player-contents .text-area .request {
	-webkit-transition:;
	-moz-transition:;
	-o-transition:;
	transition: background-color 0.4s;
}
.common-player-box {}
.common-player-box .common-player-in {overflow: hidden; margin: 0 auto; width: 1210px;}
.common-player-box .common-player-in .player-area {float: left; width: 816px;}

/* 볼륨 */
.flowplayer .fp-volume {display: none;}
.flowplayer .fp-controls .volume-wrap {}
.flowplayer .fp-controls .volume-wrap .btn-volume {display: block; width: 34px; height: 50px; background: url("https://www.sericeo.org/images/player/btn-player-volume.png") center center no-repeat;}
.flowplayer .fp-controls .volume-slider-cover {display: none; position: absolute;  z-index: 2;  left: 300px; bottom: 40px; width: 34px; padding-top: 10px; height:110px; background-color: #000; z-index: 3;}
.flowplayer .fp-controls .volume-slider-con{position: relative; left: 12px; bottom: 0; width: 10px; height:100px; background-color:rgba(255,255,255,.6);}
.flowplayer .fp-controls .volume-slider{position: absolute; z-index: 1; left: 50%; bottom: 0; width: 10px; margin-left: -5px; background-color:#2A97F3;}

.flowplayer .fp-controls .fp-fullscreen,
.flowplayer .fp-controls .fp-playbtn {font-size: 0;}
.fp-playbtn:before {content:''; width: 30px; height: 30px; display: inline-block;
	background-image: url("https://www.sericeo.org/images/player/btn_player_play.png");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 16px auto;
	background-size: 25px auto;
}
.flowplayer.is-playing .fp-playbtn:before {content:'';
	background-image: url("https://www.sericeo.org/images/player/btn_player_pause.png");
}
.fp-fullscreen:before {content:''; display: inline-block; width: 32px; height: 32px;
	background-image: url("https://www.sericeo.org/images/player/btn_player_full_screen.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px auto;
}
.flowplayer .fp-controls .fp-fullscreen:hover:before {background-image: url("https://www.sericeo.org/images/player/btn_player_full_screen_over.png"); background-size: 34px auto;}
.flowplayer .fp-controls .fp-widescreen:hover:before {background-image: url("https://www.sericeo.org/images/player/btn_player_movie_mode_over.png"); background-size: 34px auto;}
.flowplayer .fp-controls .fp-grade:hover:before {background-image: url("https://www.sericeo.org/images/player/btn_player_grade_over.png"); background-size: 34px auto;}
.flowplayer .fp-controls .fp-ppt:hover:before {background-image: url("https://www.sericeo.org/images/player/btn_ppt_down_txt.png"); background-size: 32px auto;}
.flowplayer .fp-controls .fp-setting:hover:before {background-image: url("https://www.sericeo.org/images/player/btn_player_setting_over.png"); background-size: 34px auto;}
.flowplayer .fp-controls .fp-folder:hover:before {background-image: url("https://www.sericeo.org/images/player/btn_player_add_library_over.png"); background-size: 34px auto;}
.flowplayer .fp-controls .fp-shareSNS:hover:before {background-image: url("https://www.sericeo.org/images/player/btn_player_share_over.png"); background-size: 34px auto;}

.flowplayer .fp-controls .fp-line:before {display: inline-block; content:''; background-color: #fff; opacity: 0.5; width: 1px; height: 24px; vertical-align: middle;}
/*.flowplayer .fp-controls .fp-grade:before {display: inline-block; content:''; background-color: #fff; opacity: 0.5; width: 1px; height: 24px; vertical-align: middle;}*/
.flowplayer .fp-controls .fp-line {width: 20px; text-align: center;}
.flowplayer .fp-controls .fp-line:before {vertical-align: middle;}
/*.flowplayer .fp-controls .fp-grade:before {margin-right: 10px; margin-left: 10px;}
.flowplayer .fp-controls .fp-grade strong {vertical-align: middle;}*/
/*.flowplayer .fp-cardview {
	vertical-align: middle !important; 
	height:100% margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}*/

.flowplayer .fp-cardview {position: relative; vertical-align: middle !important; }

.flowplayer .fp-cardview img.fp-cardimg {width:100%; height:100%; vertical-align: middle !important; }


.flowplayer.is-fullscreen .fp-controls {bottom: 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -webkit-box;
	display: -moz-box;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	align-items: center;
	height: 3.5em;
}
.flowplayer.is-fullscreen .fp-controls > * {display: block; width: auto;}
.flowplayer.is-fullscreen .fp-timeline {position: relative;}
.flowplayer.is-inverted .fp-controls .fp-remaining {text-align: left;}
.flowplayer.is-fullscreen .fp-controls .fp-hidden,
.flowplayer.is-fullscreen .fp-controls .fp-remaining,
.flowplayer.is-fullscreen .fp-volume,
.flowplayer.is-fullscreen .fp-controls .fp-space {display: none;}
.flowplayer.is-fullscreen .fp-controls .volume-slider-cover {bottom: 30px;}
.flowplayer.is-fullscreen .fp-menu.fp-active {bottom: 2.6em;}
.flowplayer.is-fullscreen .fp-engine {height: calc(100% - 54px);}
.flowplayer.is-fullscreen .fp-controls  .fp-playbtn {width: 30px; height: 30px;}
.flowplayer.is-fullscreen .fp-controls .fp-playprev,
.flowplayer.is-fullscreen .fp-controls .fp-playnext {width: 30px; height: 16px;}
.flowplayer.is-fullscreen .fp-controls .fp-widescreen {display: none;}
.flowplayer.is-fullscreen .fp-controls .fp-card-prev,
.flowplayer.is-fullscreen .fp-controls .fp-card-next {width: 20px; height: 100%; margin: 0 10px;}
.flowplayer.is-fullscreen .fp-controls .fp-list {width: 50px; height: 50px;}

.ContentsMedia_wrap.movie-mode #player_container .flowplayer.is-fullscreen .fp-cardview,
.flowplayer.is-fullscreen .fp-cardview {width:100%; height:100%; vertical-align: middle !important; text-align: center !important;}
.ContentsMedia_wrap.movie-mode #player_container .flowplayer.is-fullscreen .fp-cardview img.fp-cardimg,
.flowplayer.is-fullscreen .fp-cardview img.fp-cardimg {width:auto; height:100%; vertical-align: middle !important; text-align: center !important; padding-bottom:50px;}
.flowplayer.is-fullscreen .fp-fullscreen:before {content:''; display: inline-block; width: 32px; height: 32px;
	background-image: url("https://www.sericeo.org/images/player/btn_player_exit_full_screen_large.png");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 31px auto;
	background-size: 25px auto;
}
.flowplayer.is-fullscreen .fp-controls .fp-sync {font-size:13px; width:30px; font-style: normal !important; background-image: url("https://www.sericeo.org/images/player/''");}

.flowplayer .fp-controls .fp-widescreen {width: 45px;}
.flowplayer .fp-controls .fp-widescreen:before {content:''; display: inline-block; width: 32px; height: 32px; vertical-align: middle;
	background-image: url("https://www.sericeo.org/images/player/btn_player_moviemode_large.png");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 31px auto;
	background-size: 25px auto;
}

/* CEO */
.ContentsMedia_wrap.movie-mode .flowplayer .fp-controls .fp-widescreen:before {background-image: url("https://www.sericeo.org/images/player/btn_player_moviemode_cancle.png");}

.ContentsMedia_wrap.movie-mode #player_container {position: absolute; top: 0; left: 0; width: 100%; height: 600px; padding-top: 0px; background-color: #000;}
.ContentsMedia_wrap.movie-mode #player_container .flowplayer {height: 760px;}
.ContentsMedia_wrap.movie-mode #player_container .flowplayer .fp-controls .volume-wrap {width: 40px;}
/*ContentsMedia_wrap.movie-mode #player_container .flowplayer .fp-controls .fp-sync {text-align: left;}*/
.ContentsMedia_wrap.movie-mode #player_container .flowplayer .fp-cardview {align: center; vertical-align: middle !important; text-align: center !important;}
.ContentsMedia_wrap.movie-mode #player_container .flowplayer .fp-cardview img.fp-cardimg {width:auto; height:600px;}
.ContentsMedia_wrap.movie-mode #player_container .flowplayer .fp-controls .fp-sync {padding-left: 30px;}

/*.ContentsMedia_wrap.movie-mode .player-contents {margin-top:50px;}*/

.ContentsMedia_wrap.movie-mode {padding-top: 680px;}
.ContentsMedia_wrap.movie-mode .ContentsMedia_divTop {min-height:0;}
.ContentsMedia_wrap.movie-mode .ContentsMedia_divBottom {margin-top: 0;}

#player_container {
    position: relative;
    width: 816px;
    height: 520px;
    z-index: 2;
}

/*.common-player-box.is-widescreen .flowplayer .fp-controls .fp-widescreen:before {background-image: url("https://www.sericeo.org/images/player/btn_player_moviemode_cancle.png");}
.common-player-box.is-widescreen {padding-top: 600px;}
.common-player-box.is-widescreen #player_container {position: absolute; top: 0; left: 0; width: 100%; height: 600px; padding-top: 30px;}
.common-player-box.is-widescreen #player_container .flowplayer {height: 760px;}
.common-player-box.is-widescreen #player_container .flowplayer .fp-controls .volume-wrap {width: 40px;}
.common-player-box.is-widescreen #player_container .flowplayer .fp-controls .fp-sync {text-align: center;}
.common-player-box.is-widescreen #player_container .flowplayer .fp-cardview {align: center; vertical-align: middle !important; text-align: center !important;}
.common-player-box.is-widescreen #player_container .flowplayer .fp-cardview img.fp-cardimg {width:auto; height:600px;}
.common-player-box.is-widescreen #player_container .flowplayer .fp-controls .fp-sync {padding-left: 15px;}
.common-player-box.is-widescreen .player-head {padding-top:90px;}
.common-player-box.is-widescreen .player-contents {margin-top:50px;}
.common-player-box.is-widescreen .side-area .side-tab {padding-top:90px;}*/


.flowplayer .fp-menu a,
.flowplayer.is-fullscreen .fp-menu a {cursor: pointer;}


.flowplayer .fp-controls .fp-grade:before {content:''; display: inline-block; width: 32px; height: 32px; vertical-align: middle;
	background-image: url("https://www.sericeo.org/images/player/btn_player_grade.png");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 31px auto;
	background-size: 32px auto;
}


.flowplayer .fp-controls .fp-ppt:before {content:''; display: inline-block; width: 32px; height: 32px; vertical-align: middle;
	background-image: url("https://www.sericeo.org/images/player/btn_player_download.png");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 31px auto;
	background-size: 25px auto;
}


.player-menu-grade {display: none; position: fixed; z-index: 10000; top: 0; right: 0; width: 100%; height: 100%; overflow-y: auto; background-color: rgba(0,0,0,0.6);}
.player-menu-grade button {border: 0 none; background: none; overflow: visible; cursor:pointer;}
.player-menu-grade .player-menu-con-in {position: relative; padding: 0 40px; position: relative; top: 50%; z-index: 10001; margin: 0 auto; padding: 30px 30px 20px; width: 260px; color: #000; background-color: #fff; margin-top:-150px;}
.player-menu-grade .h3 {font-size: 26px; line-height: 38px; color: #000;}
.player-menu-grade .point-select {overflow: hidden; margin-top: 20px;}
.player-menu-grade .point-select .selected-point {float: left; font-size: 20px; line-height: 30px;}
.player-menu-grade .point-select .point-list {float: left; margin-left: 35px;}
.player-menu-grade .point-select .point-list {float: left;}
.player-menu-grade .point-select .point-list button {width: 42px; height: 30px; font-size: 0; background: url("https://www.sericeo.org/images/player/point-off.png") center center no-repeat;}
.player-menu-grade .point-select .point-list button.on {background: url("https://www.sericeo.org/images/player/point-on.png") center center no-repeat;}

.player-menu-grade .layer-in {display: none; position: relative; top: 40%; z-index: 10001; margin: 0 auto; padding: 30px 30px 20px; width: 260px; color: #000; background-color: #fff;}
.player-menu-grade .layer-in .txt-line,
.player-menu-grade .layer-in .tit {font-size: 15px; line-height: 21px;}
.player-menu-grade .layer-btn {margin-top: 44px; text-align: right;}
.player-menu-grade .layer-btn .btn {border: 0 none; background: none; cursor:pointer; color: #000; font-size: 15px; line-height: 18px;}
.player-menu-grade .layer-btn .btn + .btn {margin-left: 26px;}
.player-menu-grade .layer-btn .btn1 {color: #6E6E6E;}
.player-menu-grade .layer-close {position: absolute; top: 26px; right: 26px; display: block; font-size: 0; width: 21px; height: 21px; background: url("https://www.sericeo.org/images/player/btn-close.png") center center no-repeat;}



.flowplayer .fp-controls .fp-folder:before {content:''; display: inline-block; width: 32px; height: 32px; vertical-align: middle;
	background-image: url("https://www.sericeo.org/images/player/btn_player_playlist_storagebox.png");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 31px auto;
	background-size: 28px auto;
	display: none;
}

.flowplayer .fp-controls .fp-shareSNS:before {content:''; display: inline-block; width: 32px; height: 32px; vertical-align: middle;
	background-image: url("https://www.sericeo.org/images/player/btn_player_share.png");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 31px auto;
	background-size: 28px auto;
	display: none;
}

.flowplayer .fp-controls .fp-setting:before {content:''; display: inline-block; width: 32px; height: 32px; vertical-align: middle;
	background-image: url("https://www.sericeo.org/images/player/btn_player_setting.png");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 31px auto;
	background-size: 24px auto;
}

.flowplayer .fp-menu {top: -9999em}

/* 썸네일 */
.flowplayer .fp-playdiv {width:100%; height:100%; vertical-align: middle !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

.flowplayer.is-fullscreen .fp-shareSNS,
.flowplayer.is-fullscreen .fp-shareSNS:before,
.flowplayer.is-fullscreen .fp-grade,
.flowplayer.is-fullscreen .fp-grade:before {
	display:none;
}

/* */
.flowplayer .fp-controls .fp-card-prev, .flowplayer .fp-controls .fp-card-next {width: 20px;}
.flowplayer .fp-controls .fp-cardindex {width: 54px;}
.flowplayer .fp-controls .fp-sync,
.flowplayer .fp-controls .fp-cardYN {position: relative; width: 50px;}
.flowplayer .fp-controls .in {position: absolute; top: 50%; margin-top: -12.5px; left: -10px; right: 0; width: 50px; border: 1px solid #7f7f7f; line-height: 22px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	letter-spacing: -1px; font-family:'Notosans','맑은고딕','Malgun Gothic', '돋움',Dotum,Arial sans-serif;
}
.flowplayer .fp-controls .selected .in {background-color: #fff; z-index: 1; left: -11px; width: 54px; line-height: 26px; margin-top: -14.5px; color: #000;  letter-spacing: -1px; font-family:'Notosans','맑은고딕','Malgun Gothic', '돋움',Dotum,Arial sans-serif;}
.flowplayer .fp-controls .fp-cardindex > span {color: #2a97f3;}
.flowplayer .fp-controls .fp-card-prev,
.flowplayer .fp-controls .fp-cardindex,
.flowplayer .fp-controls .fp-card-next {visibility: hidden; z-index: -1;}
.flowplayer .fp-controls .view {visibility: visible; z-index: auto;}
/* 간격조정 */
.flowplayer .fp-controls .fp-grade:before {margin-left: 0; margin-right: 0;}
.flowplayer .fp-controls .fp-elapsed {width: 54px;}
.flowplayer .fp-controls .fp-space {width: 14px;}
.flowplayer .fp-controls .fp-qsel {width: 70px;}


.fp-setting-menu div {border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 0 !important;}
.fp-setting-menu div a {display: block;padding: 0.2em 0.8em;}

.fp-setting-menu strong {
    text-align: left !important;
}

.flowplayer .fp-menu {
    width: 8.8em;
	top: -9999em;
}

.flowplayer .fp-setting-menu {
	top: -9999em;
}


.flowplayer .fp-controls .in.isIE {margin-top: 12px;}
.flowplayer .fp-controls .selected .in.isIE{margin-top: 10px;}
.flowplayer.is-fullscreen .fp-controls .in.isIE {margin-top: -12px;}
.flowplayer.is-fullscreen .fp-controls .selected .in.isIE{margin-top: -14px;}