@charset "UTF-8";/* *****cubea shorts player CSS - cspver. 20240926_01LEE CHANG HO***** */:root {--viewPageHeight:100vh;--standardHegiht:calc(var(--viewPageHeight) / 5);--videoTagHegiht:calc(var(--standardHegiht) * 4);--topPaddingHalf:calc(var(--standardHegiht) / 2);--commentHeight:calc(var(--videoTagHegiht) + var(--topPaddingHalf));--bothSidesInterval:calc(( var(--commentHeight)/16 ) * 9);--itemInterval:40px;--durationNum:4;--durationTime:calc(var(--durationNum) * 0.1s);--snsBtnWidth:64px;}@-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 loadingbarspin {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes loadingbarspin {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;}.csp-loading-bar {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;border-radius: 26px;z-index: 0;pointer-events: none;}.csp-loading-bar span {display: block;width: 100px;height: 100px;border: 6px solid rgba(255, 255, 255, 0.3);border-radius: 50%;border-top-color: #fff;-webkit-animation: loadingbarspin 1s ease-in-out infinite;animation: loadingbarspin 1s ease-in-out infinite;text-indent: -99999em;overflow: hidden;}.csp-loading-bar#cspFirstLoading {z-index: 1;}.csp-no-scroll {overflow-y: hidden;}.csp-popup-up {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;position: absolute;right: 20px;top: 20px;z-index: 2;width: 50px;height: 50px;}.csp-popup-up svg {width: 30px;}.csp-popup-up:hover {background-color: rgba(0, 0, 0, 0.5);}.csp-shorts-wrap {position: fixed;left: -99999em;top: -99999em;width: 100%;height: 100vh;z-index: 20;}.csp-shorts-wrap * {-webkit-box-sizing: border-box;box-sizing: border-box;}.csp-shorts-wrap svg {fill: #fff;}.csp-shorts-wrap .csp-player-body {position: relative;width: 100%;height: 100vh;opacity: 0;-webkit-transition: opacity var(--durationTime) ease-in-out;transition: opacity var(--durationTime) ease-in-out;pointer-events: none;z-index: 1;}.csp-shorts-wrap::after {content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.6);-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);pointer-events: none;}.csp-shorts-wrap.noclick::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;background-color: #fff;opacity: 0;}.csp-shorts-wrap.open {left: 0;top: 0;}.csp-shorts-wrap.open .csp-player-body.open {opacity: 1;pointer-events: auto;left: 0;top: 0;}.csp-move-btns {position: absolute;right: 40px;top: 50%;width: 50px;height: 100px;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 3;}.csp-move-btns button {position: absolute;left: 0;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;line-height: 1;font-size: 0;width: 100%;height: 50%;opacity: 1;border-radius: 50%;background-color: rgba(0, 0, 0, 0.5);-webkit-transition-duration: 0.4s;transition-duration: 0.4s;-webkit-transition-property: opacity, top, bottom;transition-property: opacity, top, bottom;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}.csp-move-btns button svg {width: 30px;}.csp-move-btns button:hover {background-color: rgba(0, 0, 0, 0.7);}.csp-move-btns button.prev {top: -5px;}.csp-move-btns button.next {bottom: -5px;}.csp-move-btns.start .prev {top: 55px;opacity: 0;}.csp-move-btns.start .next {z-index: 1;}.csp-move-btns.end .prev {z-index: 1;}.csp-move-btns.end .next {bottom: 55px;opacity: 0;}.csp-scroll-wrap {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 100%;overflow: hidden;z-index: 2;-webkit-overflow-scrolling: touch; /* overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;scroll-padding:0; */}.csp-scroll-wrap .csp-item-guide {margin-right: 0;height: 100%;-webkit-transition-duration: var(--durationTime);transition-duration: var(--durationTime);-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;-webkit-transition-property: margin;transition-property: margin;}.csp-scroll-wrap .csp-item-guide.open {margin-right: calc(var(--bothSidesInterval) + var(--snsBtnWidth) * 2);}.csp-scroll-wrap .csp-guide-margin {padding: var(--topPaddingHalf) 0;}.csp-scroll-wrap .csp-shorts-item {position: relative;height: var(--videoTagHegiht);aspect-ratio: 9/16;margin-bottom: var(--itemInterval);font-size: 0;/* 예외처리들 */}.csp-scroll-wrap .csp-shorts-item.prevention::after {content: "";position: absolute;left: 0;top: 0;width: 116%;height: 102%;background-color: #fff;z-index: 2;opacity: 0;}.csp-scroll-wrap .csp-shorts-item:last-child {margin-bottom: 0;}.csp-scroll-wrap .csp-shorts-item .csp-player-box,.csp-scroll-wrap .csp-shorts-item .csp-player-tag {width: 100%;height: 100%;}.csp-scroll-wrap .csp-shorts-item .csp-player-box {position: relative;z-index: 1;background-repeat: repeat;background-position: center;background-size: cover;-o-object-fit: cover; object-fit: cover;border-radius: 24px;overflow: hidden;background-color: #000;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt {position: absolute;left: 0;bottom: 0;width: 100%;padding: 20px;z-index: 2;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt * {color: #fff;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_name {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 12px;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_name > img {display: block;width: 24px;height: 24px;border: 1px solid rgba(255, 255, 255, 0.8);border-radius: 50%;-ms-flex-negative: 0;flex-shrink: 0;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_name span {display: block;font-size: 17px;line-height: 1;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts {position: relative;margin-top: 10px;padding-right: 24px;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts .sign_slide p,.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts .tag_link {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts .sign_slide p {font-size: 20px;font-weight: 700;line-height: 1.4;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts .sign_tag {position: relative;padding-right: 28px;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts .sign_tag::after {content: "...";position: absolute;right: 0;top: -2px;font-size: 20px;line-height: 1;width: 28px;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts .tag_link {display: -webkit-box;display: -ms-flexbox;display: flex;gap: 2px 10px;margin-top: 10px;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts .tag_link a {display: block;line-height: 1.4;font-size: 15px;-ms-flex-negative: 0;flex-shrink: 0;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts .tag_link a::before {content: "#";}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts .tag_link a:hover {text-decoration: underline;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts > button {display: block;position: absolute;right: 0;bottom: -2px;width: 24px;height: 24px;-webkit-transition: -webkit-transform 0.3s ease-in-out;transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;-webkit-transform: rotate(0deg);transform: rotate(0deg);}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts > button svg {fill: #fff;width: 100%;height: auto;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts.open .sign_slide p {white-space: initial;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts.open .sign_tag {padding-right: 0;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts.open .sign_tag::after {display: none;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts.open .tag_link {-ms-flex-wrap: wrap;flex-wrap: wrap;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts.open > button {-webkit-transform: rotate(180deg);transform: rotate(180deg);}.csp-scroll-wrap .csp-shorts-item .csp-two-rate {display: block;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 6px;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: 2px 10px 2px 14px;z-index: 2;opacity: 0;-webkit-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;pointer-events: none;}.csp-scroll-wrap .csp-shorts-item .csp-two-rate * {font-size: 14px;color: rgba(255, 255, 255, 0.8);display: inline-block;vertical-align: top;line-height: 1;}.csp-scroll-wrap .csp-shorts-item .csp-two-rate svg {width: 22px;}.csp-scroll-wrap .csp-shorts-item .csp-two-rate.on {display: -webkit-box;display: -ms-flexbox;display: flex;opacity: 1;}.csp-scroll-wrap .csp-shorts-item .csp-action-motion {position: absolute;left: 50%;top: 50%;width: 80px;height: 80px;padding: 14px;margin: -40px 0 0 -40px;background-color: rgba(0, 0, 0, 0.5);border: 1px solid rgba(255, 255, 255, 0.8);border-radius: 50%;color: rgba(255, 255, 255, 0.6);z-index: 2;pointer-events: none;-webkit-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;opacity: 0;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}.csp-scroll-wrap .csp-shorts-item .csp-action-motion.on {opacity: 1;}.csp-scroll-wrap .csp-shorts-item .csp-controls-box {position: absolute;left: calc(100% + 16px);top: 0;z-index: 2;height: 100%;padding: 8px 0;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: end;-ms-flex-pack: end;justify-content: flex-end;}.csp-scroll-wrap .csp-shorts-item .csp-controls-box button {position: relative;width: 48px;height: 48px;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;color: #fff;}.csp-scroll-wrap .csp-shorts-item .csp-controls-box button svg {width: 24px;}.csp-scroll-wrap .csp-shorts-item .csp-other-btns {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 15px;}.csp-scroll-wrap .csp-shorts-item .csp-other-btns [class*=btns-] {position: relative;height: auto;display: block;}.csp-scroll-wrap .csp-shorts-item .csp-other-btns [class*=btns-]::after, .csp-scroll-wrap .csp-shorts-item .csp-other-btns [class*=btns-]::before {content: "";display: block;width: 100%;height: 48px;border-radius: 50%;}.csp-scroll-wrap .csp-shorts-item .csp-other-btns [class*=btns-]::after {position: absolute;left: 0;top: 0;background-repeat: no-repeat;background-position: center center;background-size: 22px auto;}.csp-scroll-wrap .csp-shorts-item .csp-other-btns [class*=btns-]::before {background-color: rgba(0, 0, 0, 0.5);}.csp-scroll-wrap .csp-shorts-item .csp-other-btns [class*=btns-] span {display: block;color: #fff;text-align: center;font-size: 12px;line-height: 1;font-weight: 500;margin-top: 6px;}.csp-scroll-wrap .csp-shorts-item .csp-other-btns [class*=btns-]:hover::before {background-color: rgba(0, 0, 0, 0.7);}.csp-scroll-wrap .csp-shorts-item .csp-other-btns .btns-scrap::after {background-image: url(../img/icon_scrap.png);}.csp-scroll-wrap .csp-shorts-item .csp-other-btns .btns-scrap.on::after {background-image: url(../img/icon_scrap-on.png);}.csp-scroll-wrap .csp-shorts-item .csp-other-btns .btns-comment::after {background-image: url(../img/icon_comment.png);}.csp-scroll-wrap .csp-shorts-item .csp-other-btns .btns-share::after {background-image: url(../img/icon_share.png);}.csp-scroll-wrap .csp-shorts-item .csp-volume-container {position: absolute;left: 100%;top: 8px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 24px;background-color: rgba(0, 0, 0, 0.5);-webkit-transition: background-color 0.2s ease-in-out, padding-right 0.2s ease-in-out;transition: background-color 0.2s ease-in-out, padding-right 0.2s ease-in-out;-webkit-transform: rotate(90deg);transform: rotate(90deg);-webkit-transform-origin: left top;transform-origin: left top;}.csp-scroll-wrap .csp-shorts-item .csp-volume-container .mute-btn {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);background-size: 24px auto;background-repeat: no-repeat;-webkit-transition: background-image 0.2s ease-in-out;transition: background-image 0.2s ease-in-out;background-position: center;}.csp-scroll-wrap .csp-shorts-item .csp-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: scaleX(0);transform: scaleX(0);-webkit-transform-origin: left;transform-origin: left;-webkit-transition: width 0.3s ease-in-out, -webkit-transform 0.2s ease-in-out;transition: width 0.3s ease-in-out, -webkit-transform 0.2s ease-in-out;transition: width 0.3s ease-in-out, transform 0.2s ease-in-out;transition: width 0.3s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;-webkit-box-sizing: initial;box-sizing: initial;}.csp-scroll-wrap .csp-shorts-item .csp-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;}.csp-scroll-wrap .csp-shorts-item .csp-volume-container .volume-input .show-volume {position: relative;width: 100%;height: 100%;background-color: rgba(100, 100, 100, 0.5);}.csp-scroll-wrap .csp-shorts-item .csp-volume-container .volume-input .show-volume .volume-indicator {position: relative;width: calc(var(--volume-width) * 100%);height: 100%;background-color: #fff;border-radius: 2px;}.csp-scroll-wrap .csp-shorts-item .csp-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;}.csp-scroll-wrap .csp-shorts-item .csp-volume-container .volume-input:hover .show-volume .volume-indicator span {-webkit-transform: translateY(-50%) scale(1.2);transform: translateY(-50%) scale(1.2);}.csp-scroll-wrap .csp-shorts-item .csp-volume-container:hover {padding-right: 30px;background-color: rgba(0, 0, 0, 0.7);}.csp-scroll-wrap .csp-shorts-item .csp-volume-container:hover .mute-btn {opacity: 1;}.csp-scroll-wrap .csp-shorts-item .csp-volume-container:hover .volume-input {width: 80px;-webkit-transform: scaleX(1);transform: scaleX(1);}.csp-scroll-wrap .csp-shorts-item .csp-timeline-container {--progress-position:0;position: absolute;left: 0;bottom: -12px;width: calc(100% - 32px);height: 4px;margin-inline: 16px;padding: 12px 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;z-index: 2;}.csp-scroll-wrap .csp-shorts-item .csp-timeline-container .timeline {position: relative;height: 4px;width: 100%;background-color: rgba(100, 100, 100, 0.5);-webkit-transition: height 0.2s ease-in-out;transition: height 0.2s ease-in-out;border-radius: 2px;}.csp-scroll-wrap .csp-shorts-item .csp-timeline-container .timeline::after, .csp-scroll-wrap .csp-shorts-item .csp-timeline-container .timeline::before {content: "";position: absolute;left: 0;top: 0;bottom: 0;border-radius: 2px;}.csp-scroll-wrap .csp-shorts-item .csp-timeline-container .timeline::before {right: calc(100% - var(--preview-position) * 100%);background-color: rgb(150, 150, 150);display: none;}.csp-scroll-wrap .csp-shorts-item .csp-timeline-container .timeline::after {right: calc(100% - var(--progress-position) * 100%);background-color: red;}.csp-scroll-wrap .csp-shorts-item .csp-timeline-container .timeline .thumb-indicator {--scale:0;position: absolute;-webkit-transform: translateX(-50%) scale(var(--scale));transform: translateX(-50%) scale(var(--scale));height: 12px;aspect-ratio: 1/1;margin-top: -6px;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;}.csp-scroll-wrap .csp-shorts-item .csp-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;color: #fff;}.csp-scroll-wrap .csp-shorts-item[data-volume-level=high] .mute-btn {background-image: url(../img/icon_speacker-high.png);}.csp-scroll-wrap .csp-shorts-item[data-volume-level=low] .mute-btn {background-image: url(../img/icon_speacker-mid.png);}.csp-scroll-wrap .csp-shorts-item[data-volume-level=muted] .mute-btn {background-image: url(../img/icon_speacker-mute.png);}.csp-scroll-wrap .csp-shorts-item.scrubbing .thumb-indicator,.csp-scroll-wrap .csp-shorts-item .csp-timeline-container:hover .thumb-indicator {--scale:1;}.csp-scroll-wrap .csp-shorts-item.scrubbing .timeline,.csp-scroll-wrap .csp-shorts-item .csp-timeline-container:hover .timeline {height: 100%;}.csp-scroll-wrap .csp-shorts-item.scrubbing .now-play-time,.csp-scroll-wrap .csp-shorts-item .csp-timeline-container:hover .now-play-time {display: inline-block;}.csp-comment-wrap {position: fixed;left: 50%;bottom: calc(var(--commentHeight) * -1);margin-left: calc(var(--bothSidesInterval) / 2 + var(--snsBtnWidth) / 2);-webkit-transform: translateX(-50%);transform: translateX(-50%);aspect-ratio: 9/16;height: var(--commentHeight);background-color: #fff;z-index: 2;border-radius: 24px 24px 0 0;-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transition-property: bottom;transition-property: bottom;-webkit-transition-duration: 0s;transition-duration: 0s;}.csp-comment-wrap .csp-loading-bar span {border-color: rgba(0, 0, 0, 0.3);border-top-color: #f10000;}.csp-comment-wrap .top-close-open {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;width: 100%;height: 40px;text-indent: -99999em;position: relative;z-index: 1;font-size: 0;}.csp-comment-wrap .top-close-open::after {content: "";display: block;width: 120px;height: 4px;border-radius: 2px;background-color: rgba(0, 0, 0, 0.24);-webkit-transition: width 0.2s ease-in-out;transition: width 0.2s ease-in-out;}.csp-comment-wrap .top-close-open:hover::after {width: 160px;}.csp-comment-wrap .csp-comment-ajax {height: calc(100% - 40px);}.csp-comment-wrap .comment-guide-wrap {position: relative;padding: 0 20px 20px 20px;height: calc(100% - 88px);overflow-x: hidden;overflow-y: auto;z-index: 1;}.csp-comment-wrap .comment-guide-wrap::-webkit-scrollbar {width: 6px;}.csp-comment-wrap .comment-guide-wrap::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 3px;}.csp-comment-wrap .comment-guide-wrap::-webkit-scrollbar-track {background-color: #fff;}.csp-comment-wrap .comment-guide-wrap .comm-reply .reply-list-box {padding-top: 0;}.csp-comment-wrap .comment-guide-wrap .comm-reply .reply-list-box .reply-list {margin-top: 0;}.csp-comment-wrap .comment-guide-wrap .comm-reply .reply-write-title .title-box {height: 50px;}.csp-comment-wrap .new-comment-inp {position: absolute;left: 0;bottom: 0;width: 100%;height: 88px;padding: 0 20px;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;background-color: #fff;-webkit-box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.08);box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.08);z-index: 1;}.csp-comment-wrap .new-comment-inp * {font-size: 17px;}.csp-comment-wrap .new-comment-inp > p {display: block;position: absolute;left: 36px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);background-color: #fff;color: #A3A3A3;}.csp-comment-wrap .new-comment-inp > p a {text-decoration: underline;color: #0A0A0A;text-underline-position: under;}.csp-comment-wrap .new-comment-inp .inp-txt {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height: 48px;width: 100%;border-radius: 6px;padding: 0 6px 0 16px;overflow: hidden;border: 1px solid #A3A3A3;}.csp-comment-wrap .new-comment-inp .inp-txt label {display: block;width: 80%;opacity: 0;pointer-events: none;}.csp-comment-wrap .new-comment-inp .inp-txt label input {display: block;width: 100%;height: 100%;-webkit-transition: none;transition: none;}.csp-comment-wrap .new-comment-inp .inp-txt label input:focus, .csp-comment-wrap .new-comment-inp .inp-txt label input:hover {-webkit-box-shadow: none;box-shadow: none;border: none;-webkit-transition: none;transition: none;}.csp-comment-wrap .new-comment-inp .inp-txt button {width: 20%;background-color: #0A0A0A;color: #fff;text-align: center;border-radius: 6px;height: 36px;opacity: 0;pointer-events: none;}.csp-comment-wrap .new-comment-inp.login > p {display: none;}.csp-comment-wrap .new-comment-inp.login .inp-txt label, .csp-comment-wrap .new-comment-inp.login .inp-txt button {opacity: 1;pointer-events: auto;}.csp-comment-wrap.open {bottom: 0;}.csp-sns-popup {position: absolute;left: calc(100% + 80px);bottom: -24px;-webkit-transform: translateY(6px);transform: translateY(6px);padding: 2px 14px 14px;background-color: #FAFAFA;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: opacity, -webkit-transform;transition-property: opacity, -webkit-transform;transition-property: opacity, transform;transition-property: opacity, transform, -webkit-transform;border: 1px solid rgba(0, 0, 0, 0.12);-webkit-box-shadow: 0px 4px 15px -3px rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 15px -3px rgba(0, 0, 0, 0.1);border-radius: 10px;z-index: 3;pointer-events: none;opacity: 0;}.csp-sns-popup * {color: #0a0a0a;font-weight: 400;line-height: 1;}.csp-sns-popup .sns-title {display: block;font-size: 15px;padding: 16px 0;}.csp-sns-popup .sns-link {display: -webkit-box;display: -ms-flexbox;display: flex;gap: 16px;}.csp-sns-popup .sns-link > button,.csp-sns-popup .sns-link > a {display: block;}.csp-sns-popup .sns-link > button span,.csp-sns-popup .sns-link > a span {position: relative;display: block;width: 48px;height: 48px;margin-bottom: 8px;border-radius: 6px;-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);text-indent: -99999em;}.csp-sns-popup .sns-link > button span::after,.csp-sns-popup .sns-link > a span::after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: 20px auto;}.csp-sns-popup .sns-link > button em,.csp-sns-popup .sns-link > a em {display: block;width: 100%;text-align: center;font-size: 12px;}.csp-sns-popup .sns-link > button:hover em,.csp-sns-popup .sns-link > a:hover em {opacity: 0.6;}.csp-sns-popup .sns-link .icon-kko span::after {background-image: url(../img/icon_sns-kko.png);}.csp-sns-popup .sns-link .icon-fcb span::after {background-image: url(../img/icon_sns-fcb.png);}.csp-sns-popup .sns-link .icon-twi span::after {background-image: url(../img/icon_sns-twi.png);}.csp-sns-popup .sns-link .icon-clb span::after {background-image: url(../img/icon_sns-clb.png);}.csp-sns-popup .sns-close {position: absolute;right: 14px;top: 14px;width: 24px;height: 24px;}.csp-sns-popup .sns-close svg {width: 100%;fill: #0a0a0a;}.csp-sns-popup .sns-close:hover {opacity: 0.6;}.csp-sns-popup.open {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);pointer-events: auto;}.csp-back {display: none;}@media screen and (max-width: 620px) {.csp-shorts-wrap {height: 100%;overflow: hidden;}.csp-shorts-wrap .csp-player-body {height: 100%;}.csp-comment-wrap {left: 0;margin-left: 0;-webkit-transform: translate(0, 10px);transform: translate(0, 10px);width: 100%;height: 70%;bottom: 0;pointer-events: none;opacity: 0;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;-webkit-transition-duration: 0s;transition-duration: 0s;-webkit-transition-property: opacity, bottom, -webkit-transform;transition-property: opacity, bottom, -webkit-transform;transition-property: opacity, transform, bottom;transition-property: opacity, transform, bottom, -webkit-transform;border-radius: 16px 16px 0 0;z-index: 3;}.csp-comment-wrap.open {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);pointer-events: auto;}.csp-comment-wrap .top-close-open {padding: 12px 0 12px 0;height: auto;}.csp-comment-wrap .top-close-open:hover::after {width: 120px;}.csp-sns-popup {width: 100%;left: 0;bottom: 0;border-width: 0;-webkit-box-shadow: none;box-shadow: none;border-radius: 16px 16px 0 0;padding: 0 20px 50px 20px;}.csp-sns-popup .sns-title {font-size: 16px;font-weight: 700;padding: 26px 0;}.csp-sns-popup .sns-close {padding: 8px;-webkit-box-sizing: content-box;box-sizing: content-box;right: 8px;}.csp-sns-popup .sns-link {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: 0;}.csp-back {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);z-index: 2;}.csp-popup-up {right: 12px;top: 12px;}.csp-scroll-wrap .csp-guide-margin {--topPaddingHalf:0;height: 100%;}.csp-move-btns {display: none;}.csp-scroll-wrap {-ms-touch-action: pan-x;touch-action: pan-x;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;background-color: #000;}.csp-scroll-wrap .csp-item-guide {width: 100%;}.csp-scroll-wrap .csp-item-guide.open {margin-right: 0;-webkit-transition: none;transition: none;}.csp-scroll-wrap .csp-shorts-item {--videoTagHegiht:100%;--itemInterval:0;aspect-ratio: auto;width: 100%;height: 100%;overflow: hidden;}.csp-scroll-wrap .csp-shorts-item.prevention::after {width: 100%;height: 100%;}.csp-scroll-wrap .csp-shorts-item .csp-timeline-container {width: 100%;margin: 0;bottom: -2px;}.csp-scroll-wrap .csp-shorts-item .csp-timeline-container .timeline {border-radius: 0;}.csp-scroll-wrap .csp-shorts-item .csp-timeline-container .timeline .thumb-indicator {display: none;}.csp-scroll-wrap .csp-shorts-item .csp-timeline-container .timeline .now-play-time {display: none;}.csp-scroll-wrap .csp-shorts-item .csp-timeline-container .timeline:after {border-radius: 0;}.csp-scroll-wrap .csp-shorts-item .csp-player-box {border-radius: 0;background-size: 100% auto;background-repeat: no-repeat;overflow: hidden;width: 100%;height: 100%;}.csp-scroll-wrap .csp-shorts-item .csp-player-tag {position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;height: auto;}.csp-scroll-wrap .csp-shorts-item .csp-controls-box {left: auto;right: 10px;padding: 0;}.csp-scroll-wrap .csp-shorts-item .csp-controls-box .csp-volume-container {opacity: 0;pointer-events: none;}.csp-scroll-wrap .csp-shorts-item .csp-other-btns {margin-bottom: 140px;}.csp-scroll-wrap .csp-shorts-item .csp-other-btns [class*=btns-]::before {opacity: 0;}.csp-scroll-wrap .csp-shorts-item .csp-other-btns [class*=btns-]::before, .csp-scroll-wrap .csp-shorts-item .csp-other-btns [class*=btns-]::after {height: 40px;}.csp-scroll-wrap .csp-shorts-item .csp-other-btns [class*=btns-] span {margin-top: 0;text-shadow: 0px -1px 3px rgba(0, 0, 0, 0.6), 0px 1px 3px rgba(0, 0, 0, 0.6);}.csp-scroll-wrap .csp-shorts-item .csp-other-btns .btns-scrap::after {background-image: url(../img/icon_scrap_shadow.png);}.csp-scroll-wrap .csp-shorts-item .csp-other-btns .btns-scrap.on::after {background-image: url(../img/icon_scrap-on_shadow.png);}.csp-scroll-wrap .csp-shorts-item .csp-other-btns .btns-comment::after {background-image: url(../img/icon_comment_shadow.png);}.csp-scroll-wrap .csp-shorts-item .csp-other-btns .btns-share::after {background-image: url(../img/icon_share_shadow.png);}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt {padding: 16px 16px 26px 16px;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt::after {content: "";display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 130%;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.6)));background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.6) 100%);z-index: -1;pointer-events: none;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_name span {font-size: 15px;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts {margin-top: 8px;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts .sign_slide p {font-size: 16px;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts .tag_link {margin-top: 8px;}.csp-scroll-wrap .csp-shorts-item .csp-sign-txt .sign_conts .tag_link a {font-size: 14px;}}