.youtube-video-wrap{max-width:1200px;margin:30px auto;padding:0 10px;box-sizing:border-box;overflow:hidden;}
.video-rank-nav{display:flex;align-items:center;width:100%;border-bottom:1px solid #ddd;margin-bottom:18px;box-sizing:border-box;}
.video-rank-nav-scroll{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;}
.video-rank-nav-track{display:flex;align-items:center;width:max-content;min-width:100%;}
.video-main-tabs{display:flex;align-items:center;gap:22px;flex-shrink:0;}
.video-sort-tabs{display:flex;align-items:center;gap:8px;margin-left:auto;padding-left:24px;flex-shrink:0;}
.video-main-tabs a,.video-sort-tabs a{position:relative;display:block;text-decoration:none;white-space:nowrap;font-weight:900;}
.video-main-tabs a{height:42px;line-height:42px;color:#222;font-size:13px;}
.video-main-tabs a.on::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#111;}
.video-sort-tabs a{height:26px;line-height:26px;padding:0 11px;border-radius:999px;background:#f3f3f3;color:#333;font-size:11px;}
.video-sort-tabs a.on{background:#ff1d1d;color:#fff;}
.video-rank-arrows{flex:0 0 auto;display:flex;gap:4px;padding-left:8px;background:#fff;}
.video-tab-arrow{width:30px;height:30px;border:1px solid #ddd;background:#fff!important;border-radius:6px;font-size:18px;cursor:pointer;color:#222;}
.video-subtabs{display:flex;gap:16px;margin:0 0 20px;overflow-x:auto;white-space:nowrap;padding-bottom:4px;scrollbar-width:none;}
.video-subtabs::-webkit-scrollbar{display:none;}
.video-subtabs a{color:#222;font-size:11px;font-weight:700;text-decoration:none;flex:0 0 auto;}
.video-subtabs a.on{color:#ff1d1d;}

.video-card-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px;width:100%;box-sizing:border-box;}
.video-card{position:relative;background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:12px;box-sizing:border-box;overflow:hidden;min-width:0;}
.video-card-rank{position:absolute;left:14px;top:14px;z-index:3;font-size:26px;font-weight:900;color:#ff1d1d;text-shadow:0 2px 3px rgba(255,255,255,.9);}
.video-player{position:relative;width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000;margin-bottom:10px;cursor:pointer;}
.video-thumb{display:block;width:100%;height:100%;object-fit:cover;background:#eee;}
.video-player iframe{display:block;width:100%;height:100%;border:0;}
.video-play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,29,29,.92);box-shadow:0 4px 12px rgba(0,0,0,.25);}
.video-play-btn:before{content:'';position:absolute;left:16px;top:11px;border-left:15px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;}
.video-title-link{display:block;color:#222;font-size:12px;font-weight:900;line-height:1.4;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;}
.video-channel{display:block;color:#777;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px;}
.video-card-line{border-top:1px solid #eee;padding-top:9px;margin-top:8px;width:100%;overflow:hidden;}
.video-card-stat{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:#222;}
.video-card-stat em{display:flex;align-items:center;gap:4px;font-style:normal;font-weight:700;white-space:nowrap;}
.video-card-stat span{font-weight:800;white-space:nowrap;}
.video-card-stat+.video-card-stat{margin-top:5px;}
.mobile-num{display:none;}
.video-empty{grid-column:1/-1;background:#fff;border:1px solid #eee;border-radius:14px;padding:40px;text-align:center;color:#777;}
.video-count{font-size:12px;color:#888;margin:0 0 14px;text-align:right;}
.yt-paging{display:flex;justify-content:center;align-items:center;gap:4px;margin:28px 0 10px;clear:both;}
.yt-paging a,.yt-paging strong{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 9px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#555;font-size:12px;font-weight:800;text-decoration:none;box-sizing:border-box;}
.yt-paging strong{background:#ff1d1d;border-color:#ff1d1d;color:#fff;}
.yt-paging a:hover{border-color:#ff1d1d;color:#ff1d1d;}
.video-card-rank{display:none!important;}
.yt-paging .pg_prev::before{content:"‹";}
.yt-paging .pg_next::before{content:"›";}
.yt-paging .pg_start::before{content:"«";}
.yt-paging .pg_end::before{content:"»";}

.yt-paging .pg_prev,
.yt-paging .pg_next,
.yt-paging .pg_start,
.yt-paging .pg_end{    font-size:0;}

.yt-paging .pg_prev::before,
.yt-paging .pg_next::before,
.yt-paging .pg_start::before,
.yt-paging .pg_end::before{    font-size:15px;    font-weight:bold;}
/* 숏츠 화면일 때 세로형 카드 */
body:has(.video-sort-tabs a.on[href*="shorts"]) .video-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
body:has(.video-sort-tabs a.on[href*="shorts"]) .video-player{aspect-ratio:9/16!important;}
body:has(.video-sort-tabs a.on[href*="shorts"]) .video-thumb{object-fit:cover!important;}
body:has(.video-sort-tabs a.on[href*="shorts"]) .video-card{padding:10px;}
body:has(.video-sort-tabs a.on[href*="shorts"]) .video-title-link{font-size:12px;}

@media(max-width:900px){
body:has(.video-sort-tabs a.on[href*="shorts"]) .video-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
body:has(.video-sort-tabs a.on[href*="shorts"]) .video-player{aspect-ratio:9/16!important;}
}
@media(max-width:900px){.video-count{text-align:left;margin-bottom:10px;}.yt-paging{gap:3px;margin:22px 0 8px;}.yt-paging a,.yt-paging strong{min-width:28px;height:28px;padding:0 7px;font-size:11px;border-radius:7px;}
.youtube-video-wrap{margin:15px auto;padding:0 10px;}
.video-rank-nav{display:flex!important;align-items:center!important;overflow:hidden!important;flex-wrap:nowrap!important;}
.video-rank-nav-scroll{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;}
.video-rank-nav-track{min-width:0!important;width:max-content!important;}
.video-main-tabs{gap:18px;}
.video-main-tabs a{font-size:12px;height:40px;line-height:40px;}
.video-sort-tabs{margin-left:0;padding-left:18px;gap:6px;}
.video-sort-tabs a{height:26px;line-height:26px;padding:0 9px;font-size:11px;}
.video-rank-arrows{flex:0 0 auto!important;display:flex!important;padding-left:6px;background:#fff;}
.video-tab-arrow{display:block!important;width:30px;height:30px;font-size:18px;}
.video-subtabs{margin-bottom:16px;gap:16px;}
.video-card-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
.video-card{width:100%!important;max-width:100%!important;padding:12px;border-radius:14px;}
.video-card-rank{font-size:28px;left:14px;top:14px;}
.video-title-link{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;height:auto!important;max-height:none!important;}
.video-channel{font-size:12px!important;}
.video-card-stat{font-size:12px!important;}
.pc-num{display:none;}
.mobile-num{display:inline;}
.video-card-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
.video-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
.video-rank-nav{display:flex!important;flex-wrap:nowrap!important;overflow:hidden!important;}
.video-rank-nav-scroll{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;}
.video-rank-arrows{flex:0 0 auto!important;display:flex!important;}
.video-title-link{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.video-channel{font-size:12px!important;}
.video-card-stat{font-size:12px!important;}
}