@charset "utf-8";

#gw-main-shorts .gw-sns-container > ul > li > a {overflow: hidden;position:relative;display: block;width: 100%;}
#gw-main-shorts .gw-hover-container {opacity: 0;transition:all 0.4s ease-in-out;}
#gw-main-shorts .play {display: flex;justify-content: center;color: var(--main-color);width: 50px;height: 50px;border-radius: 100%;background: #fff;transition: all 0.3s ease-in-out 0s;box-shadow: rgba(193, 244, 246, 0.698) 0px 0px 0px 0px;animation: 1.2s cubic-bezier(0.8, 0, 0, 1) 0s infinite normal none running pulse;align-items: center;border: 0;}
#gw-main-shorts .img {transition: all 1.5s;width:100%;object-fit: cover;}
#gw-main-shorts .video{width: 100%;height: 334px;}
#gw-main-shorts .video > iframe{width: 100%;height: 100%;}
#gw-main-shorts .sct_li{margin-bottom:0;padding-bottom:0.5rem;display: flex;gap:1rem;flex-direction: row;align-items:center;width: 100%;border-bottom: 1px solid #EEE;}
#gw-main-shorts .sct_10{padding-top: 1rem;display: flex;flex-direction: column;gap: 0.5rem;border-top: 1px solid #EEEEEE;}
#gw-main-shorts .sct_10 .sct_ct_wrap{padding-top: 0;width: calc(100% - 60px);}
#gw-main-shorts .sct_10 .sct_img{width: 60px;height: 60px;cursor: pointer;}
#gw-main-shorts .sct_10 .sct_img img {height: 100%;}
#gw-main-shorts .sct_10 .sct_txt{font-size: 16px;line-height: 1.25;}
#gw-main-shorts .sct_10 .sct_cost{font-size: 16px;}
#gw-main-shorts .gw-main-shorts-progressbar {margin: 3rem 0;position: relative;height: 3px;background: #e0e0e0;overflow: hidden;}
#gw-main-shorts .gw-main-shorts-progress-fill {position: absolute;top: 0;left: 0;height: 100%;background: #000;width: 0;transition: width 0.5s ease;}
#gw-main-shorts .modal-content{height: auto;text-align: center;}
#gw-main-shorts .modal-content .gw-info {place-content: center;}
#gw-main-shorts .modal-content .gw-sct {max-height: 200px;overflow-y: auto;overflow-x: hidden;box-sizing: border-box;}
#gw-main-shorts .modal-content .gw-sct::-webkit-scrollbar {width: 6px;}
#gw-main-shorts .modal-content .gw-sct::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);border-radius: 0;}
#gw-main-shorts .modal-content .gw-sct::-webkit-scrollbar-track {background-color: transparent;}
#gw-main-shorts .modal-content .gw-btn02{line-height: 55px;max-width: 100%;}

@keyframes pulse {
    100% {
        box-shadow: 0 0 0 45px rgba(193,244,246,0);
    }
}
@media (hover: hover) and (min-width:1025px) {
    #gw-main-shorts .gw-sns-container > ul > li > a:hover img{transform: scale(1.05) rotate(0.01deg);}
    #gw-main-shorts .gw-sns-container > ul > li > a:hover .gw-hover-container {opacity: 1;}
}

/*내용없을경우------------------------------------------------------------------------------------------------------------------ */
#gw-main-shorts .gw-empty-list{margin-bottom:3rem;padding: 1rem;border-radius: var(--gw-border-radius);display: flex;align-items: center;place-content: center;width: 100%;border: 1px solid #eaeaea;}
#gw-main-shorts .gw-empty-list > h3 {font-size: var(--main-title03);}

/*모달------------------------------------------------------------------------------------------------------------------ */
#gw-main-shorts #videomodal .sct_10{padding-top:0;border-top:none;}

@media screen and (max-width:1024px) {
    #gw-main-shorts .sct_10 .sct_cost {flex-direction: row;gap: 0.5rem;}
}

@media screen and (max-width:576px) {
    #gw-main-shorts .modal-content .gw-btn02{line-height: 40px;}
}