/* *****cubea video player CSS - cbpver. 20240925_01LEE CHANG HO***** */@-webkit-keyframes cbp-fadeoutbig {0% {opacity: 1;}100% {opacity: 0;-webkit-transform: scale(2);transform: scale(2);}}@keyframes cbp-fadeoutbig {0% {opacity: 1;}100% {opacity: 0;-webkit-transform: scale(2);transform: scale(2);}}@-webkit-keyframes cbp-fadeout1 {0% {opacity: 0.6;}25% {opacity: 1;}50% {opacity: 0.6;}}@keyframes cbp-fadeout1 {0% {opacity: 0.6;}25% {opacity: 1;}50% {opacity: 0.6;}}@-webkit-keyframes cbp-fadeout2 {0% {opacity: 0.6;}50% {opacity: 1;}75% {opacity: 0.6;}}@keyframes cbp-fadeout2 {0% {opacity: 0.6;}50% {opacity: 1;}75% {opacity: 0.6;}}@-webkit-keyframes cbp-fadeout3 {0% {opacity: 0.6;}75% {opacity: 1;}100% {opacity: 0.6;}}@keyframes cbp-fadeout3 {0% {opacity: 0.6;}75% {opacity: 1;}100% {opacity: 0.6;}}@-webkit-keyframes spin {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes spin {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}.scrap-message {position: fixed;bottom: 25px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 21;-webkit-transition-property: opacity, bottom;transition-property: opacity, bottom;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;pointer-events: none;opacity: 0;}.scrap-message .toast-box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 28px;background: rgba(0, 0, 0, 0.6);padding: 16px 20px;border-radius: 12px;}.scrap-message .toast-box .toast-text {color: #fff;font-weight: 300;font-size: 15px;white-space: nowrap;text-align: center;}.scrap-message .toast-box .toast-link {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 4px;color: #fff;font-size: 14px;border-bottom: 1px solid #fff;padding: 4px 0;}.scrap-message .toast-box .toast-link::after {display: block;content: "";width: 16px;height: 16px;background: url(../img/arrow_white.png) 50% 50% no-repeat;background-size: 4px;}.scrap-message.show {opacity: 1;pointer-events: auto;bottom: 30px;}.wide-screen-btn {display: none !important;}#playerLoadingBar {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;z-index: 0;pointer-events: none;}#playerLoadingBar span {display: block;width: 100px;aspect-ratio: 1/1;border: 6px solid rgba(255, 255, 255, 0.3);border-radius: 50%;border-top-color: #fff;-webkit-animation: spin 1s ease-in-out infinite;animation: spin 1s ease-in-out infinite;text-indent: -99999em;color: transparent;font-size: 0;}#adContainerBox {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}#adContainerBox .ima {position: absolute;left: 0;top: 0;display: none;width: 100%;height: 100%;}#adContainerBox .ima.open {display: block;}#adContainerBox .ima #playPauseControl,#adContainerBox .ima #soundMuteControl {display: none;position: absolute;left: 15px;bottom: 20px;width: 32px;height: 32px;background-position: center center;background-repeat: no-repeat;background-size: 100% auto;z-index: 2;cursor: pointer;}#adContainerBox .ima #playPauseControl {background-image: url(../img/icon_bar-pause.png);margin-right: 8px;}#adContainerBox .ima #playPauseControl.stop {background-image: url(../img/icon_bar-play.png);}#adContainerBox .ima #soundMuteControl {background-image: url(../img/icon_speacker-mute.png);}#adContainerBox .ima #soundMuteControl.on {background-image: url(../img/icon_speacker-high.png);}#adContainerBox .ima.controls #playPauseControl {display: none;}#adContainerBox .ima.controls #soundMuteControl {display: block;}#adContainerBox .smr {position: absolute;left: 0;top: 0;display: none;width: 100%;height: 100%;}#adContainerBox .smr video {width: 100%;height: 100%;}#adContainerBox .smr video::-webkit-media-controls {display: none !important;}#adContainerBox .smr.open {display: block;}#adContainerBox .smr .ad-more,#adContainerBox .smr .ad-skip {position: absolute;right: 0;background-color: rgba(0, 0, 0, 0.7);border: 1px solid rgba(255, 255, 255, 0.7);border-right: none;padding: 8px 20px 8px 20px;color: rgba(255, 255, 255, 0.8);display: block;z-index: 10;font-size: 14px;letter-spacing: 0;}#adContainerBox .smr .ad-more {top: 60px;}#adContainerBox .smr .ad-skip {bottom: 90px;}#adContainerBox .smr .ad-skip.off {pointer-events: none;}#adContainerBox .smr .video-controls-container {opacity: 0;}#adContainerBox .smr:hover .video-controls-container, #adContainerBox .smr.paused .video-controls-container {opacity: 1;}#adContainerBox .smr .play-pause-btn {background-image: url(../img/icon_bar-pause.png);}#adContainerBox .smr.paused .play-pause-btn {background-image: url(../img/icon_bar-play.png);}#adContainerBox.close {pointer-events: none;opacity: 0;left: -99999em;top: -99999em;}#imaMainContainer {position: relative;width: 100%;height: 100%;}#imaContent,#imaAdContainer {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}#imaContent > div,#imaAdContainer > div {width: 100%;height: 100%;}#imaContentElement {width: 100%;height: 100%;overflow: hidden;}#playButton {display: none !important;}.cubea-video-container {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;aspect-ratio: 16/9;background-color: #000;font-size: 0;/* scroll small popup */}.cubea-video-container *, .cubea-video-container *::before, .cubea-video-container *::after {-webkit-box-sizing: border-box;box-sizing: border-box;}.cubea-video-container.prevention-bg::after {content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;opacity: 0;pointer-events: none;z-index: 10;}.cubea-video-container .cbp-preview {position: absolute;left: 0;top: 0;pointer-events: none;display: none;width: 100%;height: 100%;background-color: #000;background-repeat: no-repeat;background-position: 0 0;background-size: cover;z-index: 3;pointer-events: none;}.cubea-video-container .cbp-preview.on {display: block;}.cubea-video-container svg path {fill: #fff;}.cubea-video-container .video-org-tag {position: relative;width: 100%;height: 100%;z-index: 1;background-position: center;background-size: cover;background-repeat: no-repeat;}.cubea-video-container .video-org-tag video {width: 100%;height: 100%;}.cubea-video-container .video-org-tag video::-webkit-media-controls {display: none !important;}.cubea-video-container .cubea-fixbox-guide {position: relative;width: 100%;overflow: hidden;z-index: 2;}.cubea-video-container .cubea-entity-guide {position: relative;width: 100%;height: 100%;}.cubea-video-container .cubea-entity-guide.off {opacity: 0;pointer-events: none;}.cubea-video-container .video-controls-container {position: absolute;bottom: 0;left: 0;right: 0;color: #fff;opacity: 0;-webkit-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;z-index: 3;}.cubea-video-container .video-controls-container::before {content: "";position: absolute;bottom: 0;width: 100%;aspect-ratio: 6/1;background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent));background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);z-index: -1;pointer-events: none;}.cubea-video-container .video-controls-container a,.cubea-video-container .video-controls-container button {position: relative;display: block;width: 32px;height: 32px;color: #fff;opacity: 0.7;background-repeat: no-repeat;background-position: center center;background-size: 100% auto; /* transition:background-image 0.2s ease-in-out; */cursor: pointer;text-indent: -9999em;}.cubea-video-container .video-controls-container a:hover,.cubea-video-container .video-controls-container button:hover {opacity: 1;}.cubea-video-container .video-controls-container a:hover::after,.cubea-video-container .video-controls-container button:hover::after {content: attr(data-tooltip);position: absolute;bottom: calc(100% + 20px);left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 4;padding: 5px 10px;background-color: rgba(0, 0, 0, 0.7);border-radius: 6px;line-height: 1;text-indent: 0;color: #fff;font-size: 12px;white-space: nowrap;}.cubea-video-container .video-controls-container a.notooltip:hover::after,.cubea-video-container .video-controls-container button.notooltip:hover::after {display: none;}.cubea-video-container .video-controls-container .cbp-controls {display: -webkit-box;display: -ms-flexbox;display: flex;gap: 8px;padding: 0 16px 10px 16px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.cubea-video-container .video-controls-container .cbp-controls > button:first-child::after {left: 0.2rem;-webkit-transform: translateX(0);transform: translateX(0);}.cubea-video-container .video-controls-container .cbp-controls > button:last-child::after {left: auto;right: 0;-webkit-transform: translateX(0);transform: translateX(0);}.cubea-video-container .cbp-mob-twomove {display: none;}.cubea-video-container.onair-player .duration-container {opacity: 0;pointer-events: none;}.cubea-video-container .play-pause-btn {background-image: url(../img/icon_bar-pause.png);}.cubea-video-container.paused .play-pause-btn {background-image: url(../img/icon_bar-play.png);}.cubea-video-container .move-video-btns {position: static;}.cubea-video-container .move-video-btns > a::after {display: none;}.cubea-video-container .move-video-btns.prev-video > a {background-image: url(../img/icon_bar-prev.png);}.cubea-video-container .move-video-btns.next-video > a {background-image: url(../img/icon_bar-next.png);}.cubea-video-container .move-video-btns .video-ing-setting {display: none;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: absolute;bottom: calc(100% + 22px);left: 8px;background-color: rgba(0, 0, 0, 0.7);border-radius: 8px;overflow: hidden;}.cubea-video-container .move-video-btns .video-ing-setting > img {display: block;width: 120px;aspect-ratio: 16/9;}.cubea-video-container .move-video-btns .video-ing-setting .ing-txt {font-size: 13px;padding: 0 14px;}.cubea-video-container .move-video-btns .video-ing-setting .ing-txt span {display: block;color: #0086e9;line-height: 1;margin-bottom: 6px;}.cubea-video-container .move-video-btns .video-ing-setting .ing-txt p {width: 140px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.4;}.cubea-video-container .move-video-btns:hover .video-ing-setting {display: -webkit-box;display: -ms-flexbox;display: flex;}.cubea-video-container .volume-container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.cubea-video-container .volume-container .volume-input {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;width: 0;height: 4px;padding: 12px 0;-webkit-transform-origin: left;transform-origin: left;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition: width 0.3s ease-in-out, margin-left 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;transition: width 0.3s ease-in-out, margin-left 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;transition: width 0.3s ease-in-out, transform 0.15s ease-in-out, margin-left 0.15s ease-in-out;transition: width 0.3s ease-in-out, transform 0.15s ease-in-out, margin-left 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;-webkit-box-sizing: initial;box-sizing: initial;}.cubea-video-container .volume-container .volume-input input[type=range] {position: absolute;left: -8px;top: 0;width: calc(100% + 16px);height: 100%;background-color: #fff;opacity: 0;z-index: 1;cursor: pointer;}.cubea-video-container .volume-container .volume-input .show-volume {position: relative;width: 100%;height: 100%;background-color: rgba(100, 100, 100, 0.5);border-radius: 2px;}.cubea-video-container .volume-container .volume-input .show-volume .volume-indicator {position: relative;width: calc(var(--volume-width) * 100%);height: 100%;background-color: #fff;border-radius: 2px;}.cubea-video-container .volume-container .volume-input .show-volume .volume-indicator span {display: block;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);height: 12px;aspect-ratio: 1/1;margin-right: -6px;background-color: #fff;border-radius: 50%;-webkit-transition: -webkit-transform 0.2s ease-in-out;transition: -webkit-transform 0.2s ease-in-out;transition: transform 0.2s ease-in-out;transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;cursor: pointer;}.cubea-video-container .volume-container .volume-input:hover::after {content: attr(data-tooltip);position: absolute;bottom: calc(100% + 28px);left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 4;padding: 5px 10px;background-color: rgba(0, 0, 0, 0.7);border-radius: 5px;line-height: 1;text-indent: 0;color: #fff;font-size: 12px;white-space: nowrap;}.cubea-video-container .volume-container .volume-input:hover .show-volume .volume-indicator span {-webkit-transform: translateY(-50%) scale(1.2);transform: translateY(-50%) scale(1.2);}.cubea-video-container .volume-container .volume-input.notooltip:hover::after {display: none;}.cubea-video-container .volume-container:hover .mute-btn {opacity: 1;}.cubea-video-container .volume-container:hover .volume-input,.cubea-video-container .volume-container .volume-input:focus-within {width: 52px;-webkit-transform: scaleX(1);transform: scaleX(1);margin-left: 8px;}.cubea-video-container .volume-container[data-volume-level=high] .mute-btn {background-image: url(../img/icon_speacker-high.png);}.cubea-video-container .volume-container[data-volume-level=low] .mute-btn {background-image: url(../img/icon_speacker-mid.png);}.cubea-video-container .volume-container[data-volume-level=muted] .mute-btn {background-image: url(../img/icon_speacker-mute.png);}.cubea-video-container .timeline-container {position: relative;width: calc(100% - 32px);height: 8px;margin-inline: 16px;padding: 8px 0;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-sizing: initial;box-sizing: initial;--nowtime-position:0.1;}.cubea-video-container .timeline-container .timeline {position: relative;height: 4px;width: 100%;-webkit-transition: height 0.2s ease-in-out;transition: height 0.2s ease-in-out;}.cubea-video-container .timeline-container .now-play-time {display: none;vertical-align: top;position: absolute;width: 58px;top: -14px;left: calc(var(--nowtime-position) * 100%);-webkit-transform: translate(-50%, -100%);transform: translate(-50%, -100%);background-color: rgba(0, 0, 0, 0.7);border-radius: 10px;text-align: center;font-size: 12px;line-height: 1.6;letter-spacing: 0;opacity: 0.7;}.cubea-video-container .timeline-container .thumb-indicator {--scale:0;position: absolute;-webkit-transform: translate(-50%, -50%) scale(var(--scale));transform: translate(-50%, -50%) scale(var(--scale));-webkit-transform-origin: center center;transform-origin: center center;height: 16px;top: 50%;left: calc(var(--progress-position) * 100%);background-color: red;border-radius: 50%;-webkit-transition: -webkit-transform 0.15s ease-in-out;transition: -webkit-transform 0.15s ease-in-out;transition: transform 0.15s ease-in-out;transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;aspect-ratio: 1/1;z-index: 1;}.cubea-video-container .timeline-container .indicator-bgline {position: relative;width: 100%;height: 100%;background-color: rgba(100, 100, 100, 0.5);border-radius: 4px;overflow: hidden;}.cubea-video-container .timeline-container .indicator-bgline::after, .cubea-video-container .timeline-container .indicator-bgline::before {content: "";position: absolute;left: 0;top: 0;bottom: 0;border-radius: 4px;}.cubea-video-container .timeline-container .indicator-bgline::before {right: calc(100% - var(--preview-position) * 100%);background-color: rgb(150, 150, 150);display: none;}.cubea-video-container .timeline-container .indicator-bgline::after {right: calc(100% - var(--progress-position) * 100%);background-color: red;}.cubea-video-container .timeline-container.nomotion {cursor: default;}.cubea-video-container .duration-container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 4px;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;margin-left: 6px;font-size: 13px;}.cubea-video-container .duration-container * {letter-spacing: 0;font-size: 13px;}.cubea-video-container .cbp-video-replay {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;z-index: 4;display: none;}.cubea-video-container .cbp-video-replay button {display: block;width: 100px;height: 100px;background: rgba(0, 0, 0, 0.24) url(../img/icon_center-replay.png) no-repeat center/50px auto;border-radius: 50%;text-indent: -9999em;font-size: 0;position: relative;z-index: 1;}.cubea-video-container .cbp-video-replay::after {content: "";display: block;width: 100%;height: 100%;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);position: absolute;left: 0;top: 0;}.cubea-video-container .cbp-volume-percent {pointer-events: none;opacity: 0;position: absolute;left: 50%;top: 20%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 120px;background-color: rgba(0, 0, 0, 0.6);border-radius: 30px;padding: 10px 0;text-align: center;color: #fff;font-size: 30px;-webkit-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;z-index: 2;}.cubea-video-container .cbp-volume-percent.showing {pointer-events: auto;opacity: 1;}.cubea-video-container .cbp-subtitles-txt {display: none;position: absolute;left: 0;bottom: 30px;width: 100%;padding: 0 5%;-webkit-transition: bottom 0.3s ease-in-out;transition: bottom 0.3s ease-in-out;z-index: 2;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;}.cubea-video-container .cbp-subtitles-txt span {display: inline-block;vertical-align: top;color: #fff;padding: 2px 6px;background-color: rgba(0, 0, 0, 0.7);line-height: 1.3;font-size: 30px;letter-spacing: 0;text-align: center;overflow: hidden;}.cubea-video-container .cbp-two-rate {display: none;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: absolute;left: 50%;top: 60px;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: rgba(0, 0, 0, 0.5);border-radius: 15px;padding: 8px 20px;z-index: 2;opacity: 0;-webkit-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;pointer-events: none;}.cubea-video-container .cbp-two-rate * {font-size: 15px;color: rgba(255, 255, 255, 0.8);display: inline-block;vertical-align: top;line-height: 1;}.cubea-video-container .cbp-two-rate.on {display: -webkit-box;display: -ms-flexbox;display: flex;opacity: 1;}.cubea-video-container .cbp-few-seconds {position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 80px;height: 80px;z-index: 4;gap: 10px;pointer-events: none;border-radius: 50%;background-color: rgba(0, 0, 0, 0.24);cursor: pointer;opacity: 0;-webkit-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}.cubea-video-container .cbp-few-seconds::after {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: none;border-radius: 50%;height: 300%;aspect-ratio: 1/1;background-color: rgba(0, 0, 0, 0.2);}.cubea-video-container .cbp-few-seconds span {color: #fff;line-height: 1;font-size: 15px;display: block;position: relative;z-index: 1;letter-spacing: 0;}.cubea-video-container .cbp-few-seconds .cbp-few-ico {display: -webkit-box;display: -ms-flexbox;display: flex;gap: 2px;letter-spacing: 0;position: relative;z-index: 1;}.cubea-video-container .cbp-few-seconds .cbp-few-ico i {display: block;width: 8px;height: 12px;background: url(../img/icon_move-prev.png) no-repeat center/100% auto;opacity: 0.7;}.cubea-video-container .cbp-few-seconds.cbp-left-prev {left: 4%;}.cubea-video-container .cbp-few-seconds.cbp-left-prev::after {right: 0;}.cubea-video-container .cbp-few-seconds.cbp-left-prev i:nth-child(1) {opacity: 1;}.cubea-video-container .cbp-few-seconds.cbp-left-prev i:nth-child(3) {opacity: 0.5;}.cubea-video-container .cbp-few-seconds.cbp-right-next {right: 4%;}.cubea-video-container .cbp-few-seconds.cbp-right-next::after {left: 0;}.cubea-video-container .cbp-few-seconds.cbp-right-next i {background-image: url(../img/icon_move-next.png);}.cubea-video-container .cbp-few-seconds.cbp-right-next i:nth-child(1) {opacity: 0.5;}.cubea-video-container .cbp-few-seconds.cbp-right-next i:nth-child(3) {opacity: 1;}.cubea-video-container .cbp-action-motion {position: absolute;left: 50%;top: 50%;width: 100px;height: 100px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: rgba(0, 0, 0, 0.24);border-radius: 50%;color: rgba(255, 255, 255, 0.8); /* @include aniframes; */z-index: 2;cursor: pointer;pointer-events: none;opacity: 0;-webkit-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}.cubea-video-container .cbp-action-motion.off {display: block;z-index: 4;opacity: 1;-webkit-transition: none;transition: none;pointer-events: none;}.cubea-video-container .cbp-action-motion > span {display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: 56px auto;}.cubea-video-container .cbp-action-motion > span.play-shape {background-image: url(../img/icon_center-play.png);}.cubea-video-container .cbp-action-motion > span.pause-shape {background-image: url(../img/icon_center-pause.png);}.cubea-video-container .popup_controls {position: absolute;bottom: 50px;right: 16px;pointer-events: none;z-index: 5;min-width: 240px;opacity: 0;-webkit-transition: opacity 0.2s ease-in-out, bottom 0.2s ease-in-out;transition: opacity 0.2s ease-in-out, bottom 0.2s ease-in-out;}.cubea-video-container .popup_controls .popup_guide {padding: 12px;-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);background-color: rgba(0, 0, 0, 0.6);border-radius: 6px;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: auto;z-index: 1;}.cubea-video-container .popup_controls button {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 5px;width: 100%;line-height: 40px;height: auto;padding: 0 0 0 28px;color: #fff;opacity: 1;font-size: 15px;-webkit-transition: none;transition: none;white-space: nowrap;text-indent: 0;border-radius: 4px;}.cubea-video-container .popup_controls button::after {display: none;}.cubea-video-container .popup_controls button::before {content: "";display: block;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center center;}.cubea-video-container .popup_controls button.on {background-color: rgba(0, 0, 0, 0.3);}.cubea-video-container .popup_controls button.on::before {background: url(../img/icon_pop-selected.png) no-repeat center/100% auto;}.cubea-video-container .popup_controls button em {display: block;margin-left: 12px;}.cubea-video-container .popup_controls button.off {pointer-events: none;cursor: default;}.cubea-video-container .popup_controls .mob_close {display: none;}.cubea-video-container .popup_controls .speed::before {background-image: url(../img/icon_pop-playrate.png);}.cubea-video-container .popup_controls .quality::before {background-image: url(../img/icon_pop-quality.png);}.cubea-video-container .popup_controls .back {border-bottom: 1px solid rgba(255, 255, 255, 0.3);}.cubea-video-container .popup_controls .back button {border-radius: 0;padding-left: 8px;}.cubea-video-container .popup_controls .back button:hover {background-color: transparent;}.cubea-video-container .popup_controls .back button::before {background-image: url(../img/icon_pop-back.png);}.cubea-video-container .popup_controls .back button.off::before {background: none;}.cubea-video-container .popup_controls .in_hidden {display: none;}.cubea-video-container .popup_controls .in_hidden.on {display: block;}.cubea-video-container .popup_controls.open {pointer-events: auto;bottom: 60px;opacity: 1;}.cubea-video-container .popup_controls#settingPopup .select_btns button {padding-left: 8px;}.cubea-video-container .popup_controls#settingPopup .select_btns button::after {content: "";position: absolute;right: 8px;top: 50%;margin-top: -10px;display: block;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center center;background-image: url(../img/icon_pop-back.png);-webkit-transform: rotate(180deg);transform: rotate(180deg);}.cubea-video-container .settings-btn > button {background-image: url(../img/icon_bar-setting.png);}.cubea-video-container .captions-btn > button {position: relative;background-image: url(../img/icon_bar-vvt.png);}.cubea-video-container .captions-btn > button::before {content: "";position: absolute;left: 50%;bottom: -2px;-webkit-transform: translateX(-50%);transform: translateX(-50%);display: block;width: 0;height: 2px;background-color: red;-webkit-transition: width 0.2s ease-in-out;transition: width 0.2s ease-in-out;overflow: hidden;margin-left: 1px;}.cubea-video-container .full-screen-btn {background-image: url(../img/icon_bar-full.png);}.cubea-video-container .full-screen-btn.off {background-image: url(../img/icon_bar-full-close.png);}.cubea-video-container .cbp-quality-select {position: absolute;left: -9999em;top: -9999em;opacity: 0;font-size: 0;width: 0;height: 0;overflow: hidden;}.cubea-video-container .cbp-ck-none {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;opacity: 0;pointer-events: none;-webkit-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;z-index: 4;}.cubea-video-container .cbp-ck-none.open {pointer-events: auto;}.cubea-video-container.tooltip-down .video-controls-container button:hover::after {display: none;}.cubea-video-container.paused .pause-icon, .cubea-video-container:not(.paused) .play-icon {display: none;}.cubea-video-container:not(.paused):hover .cbp-few-seconds, .cubea-video-container:hover .cbp-action-motion, .cubea-video-container:hover .video-controls-container, .cubea-video-container.paused .video-controls-container {opacity: 1;pointer-events: auto;}.cubea-video-container.cbp-hidden {cursor: none;}.cubea-video-container:not(.paused).cbp-hidden .cbp-few-seconds, .cubea-video-container.cbp-hidden .cbp-action-motion, .cubea-video-container.cbp-hidden .video-controls-container {opacity: 0;pointer-events: none;}.cubea-video-container:hover .cbp-subtitles-txt, .cubea-video-container.paused .cbp-subtitles-txt {bottom: 70px;}.cubea-video-container:not(.percent) .cbp-volume-percent.showing, .cubea-video-container.paused .cbp-action-motion .pause-shape, .cubea-video-container:not(.paused) .cbp-action-motion .play-shape {display: none;}.cubea-video-container.captions .captions-btn > button {opacity: 1;}.cubea-video-container.captions .captions-btn > button::before {width: 70%;}.cubea-video-container.captions .cbp-subtitles-txt {display: block;}.cubea-video-container.scrubbing .timeline .indicator-bgline::before,.cubea-video-container .timeline-container:hover .timeline .indicator-bgline::before {display: block;}.cubea-video-container.scrubbing .thumb-indicator,.cubea-video-container .timeline-container:not(.nomotion):hover .thumb-indicator {--scale:1;}.cubea-video-container.scrubbing .timeline,.cubea-video-container .timeline-container:not(.nomotion):hover .timeline {height: 100%;}.cubea-video-container.scrubbing .now-play-time,.cubea-video-container .timeline-container:hover .now-play-time {display: inline-block;}.cubea-video-container.full-screen {-webkit-transition: none;transition: none;}.cubea-video-container.full-screen .full-screen-btn .open {display: none;}.cubea-video-container.full-screen .full-screen-btn .close {display: block;}.cubea-video-container .cbp-small-guide {display: none;width: 100%;height: 100%;}.cubea-video-container .cbp-popup-close {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: absolute;right: 10px;top: 10px;width: 28px;height: 28px;padding: 8px;background-color: rgba(0, 0, 0, 0.24);border-radius: 50%;z-index: 2;pointer-events: none;opacity: 0;cursor: pointer;-webkit-box-sizing: border-box;box-sizing: border-box;text-indent: -9999em;}.cubea-video-container .cbp-popup-close::before {content: "";display: block;width: 100%;height: 100%;background: url(../img/popup_close.png) no-repeat center/100% auto;}.cubea-video-container .cbp-popup-before {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;pointer-events: none;position: absolute;left: 10px;top: 10px;width: 28px;height: 28px;z-index: 2;opacity: 0;background-color: rgba(0, 0, 0, 0.24);border-radius: 50%;}.cubea-video-container .cbp-popup-before svg {width: 20px;}.cubea-video-container.scroll-small-popup .cbp-small-guide {display: block;}.cubea-video-container.scroll-small-popup .cubea-fixbox-guide {position: fixed;right: 40px;bottom: 40px;width: 400px;aspect-ratio: 16/9;border-radius: 12px;z-index: 100;background-color: transparent;}.cubea-video-container.scroll-small-popup .cbp-volume-percent,.cubea-video-container.scroll-small-popup .captions-btn,.cubea-video-container.scroll-small-popup .play-speed-btn,.cubea-video-container.scroll-small-popup .wide-screen-btn,.cubea-video-container.scroll-small-popup .pip-player-btn,.cubea-video-container.scroll-small-popup .play-pause-btn {display: none;}.cubea-video-container.scroll-small-popup .video-org-tag {background: none !important;}.cubea-video-container.scroll-small-popup .cbp-action-motion {width: 50px;height: 50px;}.cubea-video-container.scroll-small-popup .cbp-action-motion > span {background-size: 28px auto;}.cubea-video-container.scroll-small-popup .cbp-few-seconds {width: 40px;height: 40px;}.cubea-video-container.scroll-small-popup .cbp-few-seconds .cbp-few-ico {display: none;}.cubea-video-container.scroll-small-popup .cbp-few-seconds span {font-size: 10px;}.cubea-video-container.scroll-small-popup.paused .cbp-popup-close, .cubea-video-container.scroll-small-popup:hover .cbp-popup-close, .cubea-video-container.scroll-small-popup.paused .cbp-popup-before, .cubea-video-container.scroll-small-popup:hover .cbp-popup-before {opacity: 1;pointer-events: auto;}.cubea-video-container.scroll-small-popup .timeline-container {height: 3px;}.cubea-video-container.scroll-small-popup.scrubbing .thumb-indicator,.cubea-video-container.scroll-small-popup .timeline-container:hover .thumb-indicator {--scale:0.8;}.cubea-video-container.scroll-small-popup .duration-container * {font-size: 13px;}.cubea-video-container.scroll-small-popup .settings-btn {display: none;}.cubea-video-container.scroll-small-popup .video-controls-container a,.cubea-video-container.scroll-small-popup .video-controls-container button {width: 22px;height: 22px;}.cubea-video-container.scroll-small-popup .volume-container:hover .volume-input,.cubea-video-container.scroll-small-popup .volume-container .volume-input:focus-within {width: 50px;}.cubea-video-container.scroll-small-popup .volume-container .volume-input .show-volume .volume-indicator span {height: 8px;}.cubea-video-container.scroll-small-popup #adContainerBox .smr .ad-more {top: 30px;}.cubea-video-container.scroll-small-popup #adContainerBox .smr .ad-skip {bottom: 60px;}.cubea-video-container.onair-player .timeline-container,.cubea-video-container.onair-player .move-video-btns,.cubea-video-container.onair-player .captions-btn,.cubea-video-container.onair-player .cbp-few-seconds,.cubea-video-container.onair-player #settingPopup .speed,.cubea-video-container.onair-player .video-controls-container a:hover::after,.cubea-video-container.onair-player .video-controls-container button:hover::after {display: none !important;}@media screen and (max-width: 860px) {@-webkit-keyframes cbp-fadeoutbig {0% {opacity: 1;}100% {opacity: 0;-webkit-transform: scale(1.5);transform: scale(1.5);}}@keyframes cbp-fadeoutbig {0% {opacity: 1;}100% {opacity: 0;-webkit-transform: scale(1.5);transform: scale(1.5);}}.cbp-scroll-hidden {height: 100%;overflow: hidden;}#playerLoadingBar span {width: 75px;border-width: 5px;}#adContainerBox .ima .ad-more,#adContainerBox .ima .ad-skip,#adContainerBox .smr .ad-more,#adContainerBox .smr .ad-skip {padding: 6px 10px 8px 15px;font-size: 10px;}#adContainerBox .ima .ad-more,#adContainerBox .smr .ad-more {top: 20px;}#adContainerBox .ima .ad-skip,#adContainerBox .smr .ad-skip {bottom: 60px;}#adContainerBox .ima:hover .video-controls-container,#adContainerBox .smr:hover .video-controls-container {opacity: 0;pointer-events: none;}#adContainerBox .ima.cbp-show .video-controls-container,#adContainerBox .smr.cbp-show .video-controls-container {opacity: 1;pointer-events: auto;}.cubea-video-container {width: 100%;}.cubea-video-container .cbp-volume-percent {display: none !important;}.cubea-video-container .cbp-action-motion {display: none !important;-webkit-animation: none;animation: none;}.cubea-video-container .cbp-action-motion.off {display: block !important;width: 70px;height: 70px;}.cubea-video-container .cbp-action-motion.off span {background-size: 38px auto;}.cubea-video-container .video-controls-container {height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;pointer-events: none;}.cubea-video-container .video-controls-container::before {background: rgba(0, 0, 0, 0.4);height: 100%;}.cubea-video-container .video-controls-container a,.cubea-video-container .video-controls-container button {opacity: 1;width: 24px;height: 24px;}.cubea-video-container .video-controls-container a:hover::after,.cubea-video-container .video-controls-container button:hover::after {display: none;}.cubea-video-container .video-controls-container .timeline-container {position: absolute;bottom: 0;left: 0;width: calc(100% - 32px);margin-inline: 16px;padding: 10px 0;height: 4px;z-index: 2;}.cubea-video-container .video-controls-container .timeline-container .timeline {-webkit-transition: none;transition: none;height: 100%;}.cubea-video-container .video-controls-container .timeline-container .indicator-bgline {border-radius: 2px;}.cubea-video-container .video-controls-container .timeline-container .indicator-bgline::after, .cubea-video-container .video-controls-container .timeline-container .indicator-bgline::before {border-radius: 2px;}.cubea-video-container .video-controls-container .timeline-container .thumb-indicator {height: 12px;}.cubea-video-container .video-controls-container .timeline-container .now-play-time {left: 50%;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);top: -40px;padding-bottom: 3px;border-radius: 12px;opacity: 1;}.cubea-video-container .video-controls-container .timeline-container:not(.nomotion):hover .thumb-indicator {--scale:0;}.cubea-video-container .video-controls-container .timeline-container:hover .timeline .indicator-bgline::before,.cubea-video-container .video-controls-container .timeline-container:hover .now-play-time {display: none;}.cubea-video-container .video-controls-container .timeline-container.timeline-show .thumb-indicator {--scale:1;}.cubea-video-container .video-controls-container .timeline-container.timeline-show .now-play-time {display: inline-block;}.cubea-video-container .video-controls-container .captions-btn > button::before {bottom: 0;height: 1px;margin-left: 0;}.cubea-video-container .video-controls-container .volume-container:hover .volume-input,.cubea-video-container .video-controls-container .volume-container .volume-input:focus-within {width: 0;-webkit-transform: scaleX(0);transform: scaleX(0);margin-left: 0;}.cubea-video-container .video-controls-container .play-pause-btn {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 48px;height: 48px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.24);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);background-size: 28px auto;}.cubea-video-container .video-controls-container .move-video-btns {display: none !important;}.cubea-video-container .video-controls-container .cbp-controls {padding-bottom: 20px;width: 100%;}.cubea-video-container .video-controls-container .duration-container {margin-left: 0;}.cubea-video-container .video-controls-container .duration-container * {font-size: 11px;}.cubea-video-container .video-controls-container .settings-btn {position: absolute;right: 12px;top: 10px;}.cubea-video-container .video-controls-container .cbp-video-replay {width: 60px;height: 60px;background-size: 40px auto;}.cubea-video-container .cbp-mob-twomove {position: absolute;left: 0;top: 0;width: 100%;height: 80%;display: -webkit-box;display: -ms-flexbox;display: flex;z-index: -1;pointer-events: none;}.cubea-video-container .cbp-mob-twomove button {display: none;width: 50%;height: 100%;background-color: rgba(0, 0, 255, 0.5);pointer-events: none;text-indent: -99999em;font-size: 0;}.cubea-video-container .popup_controls {position: fixed;display: block;bottom: auto;top: 100%;right: 0;width: 100%;min-width: auto;-webkit-transition: -webkit-transform 0.4s ease-in-out;transition: -webkit-transform 0.4s ease-in-out;transition: transform 0.4s ease-in-out;transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}.cubea-video-container .popup_controls .popup_guide {background-color: #fff;-webkit-backdrop-filter: blur(0);backdrop-filter: blur(0);border-radius: 16px 16px 0 0;width: 100%;padding: 0 20px 40px 20px;}.cubea-video-container .popup_controls .popup_guide .mob_close {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;padding: 0;height: 24px;font-size: 0;text-indent: -99999em;line-height: 1;}.cubea-video-container .popup_controls .popup_guide .mob_close::before {display: none;}.cubea-video-container .popup_controls .popup_guide .mob_close::after {content: "";display: block;width: 120px;height: 4px;background-color: rgba(0, 0, 0, 0.24);border-radius: 2px;margin-bottom: 8px;}.cubea-video-container .popup_controls .popup_guide button {font-size: 16px;color: #000;font-weight: 500;line-height: 48px;border-radius: 6px;gap: 8px;padding-right: 0;padding-left: 8px;}.cubea-video-container .popup_controls .popup_guide button::before {-webkit-filter: brightness(0);filter: brightness(0);width: 24px;height: 24px;}.cubea-video-container .popup_controls .popup_guide button.on {background-color: rgba(0, 0, 0, 0.05);}.cubea-video-container .popup_controls .popup_guide .back {border-bottom: 1px solid rgba(0, 0, 0, 0.08);}.cubea-video-container .popup_controls .popup_guide .back button {line-height: 52px;font-weight: 700;padding-left: 0;}.cubea-video-container .popup_controls .popup_guide .back button::before {width: 32px;height: 32px;}.cubea-video-container .popup_controls .popup_guide .back button.off::before {width: 0;}.cubea-video-container .popup_controls#settingPopup .select_btns button {margin-top: 10px;padding-left: 0;}.cubea-video-container .popup_controls#settingPopup .select_btns button::before {width: 24px;height: 24px;margin-top: 2px;}.cubea-video-container .popup_controls#settingPopup .select_btns button::after {display: block;content: "";position: absolute;right: 32px;top: 50%;-webkit-transform: translateY(-50%) rotate(180deg);transform: translateY(-50%) rotate(180deg);background: url(../img/icon_pop-back.png) no-repeat center/100% auto;-webkit-filter: brightness(0);filter: brightness(0);line-height: 1;width: 32px;height: 32px;margin-top: 0;}.cubea-video-container .popup_controls.open {bottom: auto;}.cubea-video-container .cbp-ck-none {position: fixed;}.cubea-video-container .cbp-ck-none.open {opacity: 0.6;}.cubea-video-container .cbp-subtitles-txt span {font-size: 12px;}.cubea-video-container .cbp-two-rate {padding: 6px 16px;}.cubea-video-container .cbp-two-rate * {font-size: 12px;}.cubea-video-container .cbp-few-seconds {width: 40px;height: 40px;-webkit-backdrop-filter: 5px;backdrop-filter: 5px;gap: 5px;}.cubea-video-container .cbp-few-seconds .cbp-few-ico i {width: 5px;height: 7px;}.cubea-video-container .cbp-few-seconds span {font-size: 11px;}.cubea-video-container:hover .cbp-subtitles-txt, .cubea-video-container.paused .cbp-subtitles-txt {bottom: 20px;}.cubea-video-container:hover .cbp-few-seconds, .cubea-video-container:hover .cbp-action-motion:not(.off), .cubea-video-container:not(.paused):hover .cbp-few-seconds, .cubea-video-container:hover .video-controls-container {opacity: 0;pointer-events: none;}.cubea-video-container.cbp-show .video-controls-container {opacity: 1;pointer-events: auto;}.cubea-video-container.cbp-show .cbp-mob-twomove {pointer-events: auto;}.cubea-video-container.cbp-show .cbp-mob-twomove button {pointer-events: auto;}.cubea-video-container.cbp-show .cbp-few-seconds {opacity: 1 !important;pointer-events: auto !important;}}