.youtube-latest-wrap {
        max-width: 1300px; margin: 0 auto; padding: 40px 20px; box-sizing: border-box;
    }
    .youtube-container {
        display: flex; align-items: stretch; gap: 40px;
    }
    .boga-tv-info {
        flex: 0 0 250px; display: flex; flex-direction: column;
    }
    .info-content-wrap {
        position: relative;
        flex-grow: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0; text-align: center;
    }
    .info-content-wrap::before,
    .info-content-wrap::after {
        content: ''; position: absolute; left: 0; width: 100%; height: 2px; background-color: #000;
    }
    .info-content-wrap::before { top: 0; }
    .info-content-wrap::after { bottom: 0; }
    .boga-tv-main-icon {
        width: 60px; height: auto; margin-bottom: 15px;
    }
    .boga-tv-logo {
        font-size: 2.5rem; font-weight: 900; color: #111; margin-bottom: 10px;
    }
    .boga-tv-desc {
        font-size: 1.1rem; color: #555; line-height: 1.6; margin-bottom: 30px;
    }
    .watch-on-youtube {
        display: inline-block; padding: 8px 16px; border: 1px solid #ddd; border-radius: 20px; font-size: 0.9rem; color: #666; text-decoration: none; transition: background-color 0.2s;
    }
    .watch-on-youtube:hover {
        background-color: #f5f5f5;
    }
    .watch-on-youtube strong {
        font-weight: bold; color: #111;
    }
    .youtube-content {
        flex-grow: 1; min-width: 0;
    }
    .main-video-area {
        position: relative; width: 100%; padding-top: 56.25%; background-color: #000; border-radius: 12px; overflow: hidden; margin-bottom: 15px;
    }
    .main-video-area iframe, .no-video {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    }
    .no-video {
        display: flex; align-items: center; justify-content: center; color: #fff; text-align: center;
    }

    .thumbnail-slider-wrap {
        position: relative;
        padding: 0 40px;
        margin: 0 -40px;
    }
    .thumbnail-swiper .swiper-slide {
        height: auto;
    }
    .thumb-item a {
        display: block; border: 2px solid transparent; border-radius: 10px; overflow: hidden; transition: border-color 0.2s; cursor: pointer;
    }
    .thumb-item a.active {
        border-color: #E62117;
    }
    .thumb-item img {
        width: 100%; display: block; border-radius: 8px;
    }
    
    .thumbnail-slider-wrap .swiper-button-next,
    .thumbnail-slider-wrap .swiper-button-prev {
        width: 44px; height: 44px; background-color: #1A237E;
        border-radius: 50%; color: white; transition: background-color 0.2s;
        top: 45%;
    }
    .thumbnail-slider-wrap .swiper-button-next:hover,
    .thumbnail-slider-wrap .swiper-button-prev:hover {
        background-color: #dcdcdc;
    }
    .thumbnail-slider-wrap .swiper-button-next::after,
    .thumbnail-slider-wrap .swiper-button-prev::after {
        content: '';
    }
    .thumbnail-slider-wrap .swiper-button-next,
    .thumbnail-slider-wrap .swiper-button-prev {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m9 6l6 6l-6 6'/%3E%3C/svg%3E");
        background-repeat: no-repeat; background-position: center; background-size: 40%;
    }
    .thumbnail-slider-wrap .swiper-button-prev {
        transform: rotate(180deg); left: -5px;
    }
    .thumbnail-slider-wrap .swiper-button-next {
        right: -5px;
    }

    /* [추가] 반응형 디자인을 위한 미디어쿼리 (768px 이하 화면) */
    @media (max-width: 768px) {
        .youtube-latest-wrap {
            padding: 20px 10px; /* 모바일에서는 상하좌우 여백 축소 */
        }
        .youtube-container {
            flex-direction: column; /* 컨테이너를 세로로 배치 */
            gap: 20px;
        }
        /* 왼쪽 정보 영역 숨기기 */
        .boga-tv-info {
            display: none;
        }
        /* 썸네일 슬라이더의 화살표를 위한 여백 재조정 */
        .thumbnail-slider-wrap {
            padding: 0 30px;
            margin: 0 -30px;
        }
        .thumbnail-slider-wrap .swiper-button-prev {
            left: -10px;
        }
        .thumbnail-slider-wrap .swiper-button-next {
            right: -10px;
        }
    }