
.main_swiper_bbx {overflow: hidden; width: 100%; height: auto; position: relative; display: flex; align-items: center; justify-content: center; } 
.main_swiper_bbx .main_swiper { overflow: unset; width: 100%; height: 100%; transition: .5s .5s ease-in; } 
/* */
.main_swiper { width: 100%; height: 100%; } 

.main_swiper_bbx .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0; } 

.main_swiper_bbx.on .main_swiper { width: 100%; height: 400px; } 

.main_swiper_bbx.on .main_swiper .swiper-slide {height: 400px; border-radius: 24px; overflow: hidden; display: flex; align-items: center; justify-content: center; } 

.main_swiper_bbx .swiper-slide .tbx {word-break: keep-all; color: #fff; text-shadow: 0 0 1px #333; position: relative; display: flex; flex-wrap: wrap; gap: 50px; align-items: center; justify-content: center; align-items: flex-end; } 
.main_swiper_bbx .swiper-slide .tbx .t_bx { display: flex; flex-direction: column; gap: 25px; } 
.main_swiper_bbx .swiper-slide .tbx .t_1 { font-size: 30px; } 
.main_swiper_bbx .swiper-slide .tbx .t_2 { font-family: 'YeogiOttaeJalnan'; font-size: 40px; font-weight: 600; } 
.main_swiper_bbx .swiper-slide .tbx .t_3 { text-align: right; display: flex; flex-direction: column; gap: 10px; line-height: 1.2; } 

.main_swiper_bbx .swiper-slide .tbx .t_1,
.main_swiper_bbx .swiper-slide .tbx .t_2,
.main_swiper_bbx .swiper-slide .tbx .t_3 { transition: .3s ease-in-out; opacity: 0; position: relative; top: 12px; } 

.main_swiper_bbx .swiper-slide.swiper-slide-active .tbx .t_1,
.main_swiper_bbx .swiper-slide.swiper-slide-active .tbx .t_2,
.main_swiper_bbx .swiper-slide.swiper-slide-active .tbx .t_3 { opacity: 1; top: 0; } 

.main_swiper_bbx .swiper-slide.swiper-slide-active .tbx .t_1 { transition-delay: .3s; } 
.main_swiper_bbx .swiper-slide.swiper-slide-active .tbx .t_2 { transition-delay: .6s; } 
.main_swiper_bbx .swiper-slide.swiper-slide-active .tbx .t_3 { transition-delay: .9s; } 
/* */
.main_swiper_bbx .swiper-pagination,
.youtube_bbx .swiper-pagination { display: flex; align-items: center; justify-content: center; gap: 6px; width: auto; left: 50%;transform: translateX(-50%); bottom: 25px;} 
.youtube_bbx .swiper-pagination-bullet,
.main_swiper_bbx .swiper-pagination-bullet { border: 2px solid #ddd; margin: 0 !important; transition: .3s; border-radius: 50px; } 
.youtube_bbx .swiper-pagination-bullet-active,
.main_swiper_bbx .swiper-pagination-bullet-active { width: 20px; background: #2d916d; } 
/* */

/* ************************************************************* */
/* YouTube 스와이퍼 스타일 */
/* ************************************************************* */

.youtube_bbx { } 
.youtube_bbx .title_bx {margin-bottom: 0; }
.youtube_swiper {width: 100%; padding-top: 10px;}
.youtube_swiper .swiper-slide { height: auto; } 
.youtube_item { display: flex; flex-direction: column; text-decoration: none; color: inherit; transition: transform 0.3s ease; height: 100%; } 
.youtube_item:hover { transform: translateY(-5px); } 
.youtube_thumbnail { position: relative; width: 100%; aspect-ratio: 16/9; height: auto; overflow: hidden; border-radius: 10px; } 
.youtube_thumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; } 
.youtube_play_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 68px; height: 48px; opacity: 0.9; transition: opacity 0.3s ease; } 
.youtube_item:hover .youtube_play_icon { opacity: 1; } 
.youtube_info { padding: 15px 0; } 
.youtube_title { font-size: 16px; font-weight: 600; line-height: 1.4; margin: 0 0 8px 0; color: #333; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 44px; } 
.youtube_date { font-size: 14px; color: #666; margin: 0; } 
.youtube_swiper .swiper-pagination {bottom: auto; position: relative; } 
.youtube_swiper .swiper-pagination-bullet { background: #2d916d; opacity: 0.3; } 
.youtube_swiper .swiper-pagination-bullet-active { opacity: 1; } 
.youtube_error_message { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 20px; text-align: center; min-height: 300px; } 
.youtube_error_title { font-size: 18px; font-weight: 600; color: #333; margin: 0 0 12px 0; } 
.youtube_error_desc { font-size: 14px; color: #666; margin: 0; line-height: 1.6; } 
/*  */

@media (max-width: 1024px){
    .main_swiper_bbx .swiper-slide .tbx{width: 90%;}
    .main_swiper_bbx .swiper-slide .tbx .t_1{font-size: 18px;}
    .main_swiper_bbx .swiper-slide .tbx .t_2{font-size: 24px;}
    .main_swiper_bbx .swiper-slide.swiper-slide-active .tbx .t_3{font-size: 14px;}
}