/*231101_youtube section*/

.b_sec_tit{text-align:center;}
.b_sec_tit .b_sub_txt{margin-top:20px;}
.b_ytb_box.h_con{max-width:1240px; width: 96%; padding-bottom:100px; }
.b_ytb_box .b_cont_box{display:flex; justify-content:space-between; align-items:flex-start; margin-top:80px;}
.b_ytb_box .b_main_box{width:60%; aspect-ratio: 16/9;}
.b_ytb_box .b_main_box #main_ytb{width:100%; height:100%; }
.b_ytb_box .b_main_box #main_frame{width:100%; height:100%; }

.b_ytb_box .b_list_box{width:38%; /*height:418px;*/ overflow-y:scroll; aspect-ratio: 9/8;}
.b_ytb_box .b_list_box::-webkit-scrollbar { width: 3px; }
.b_ytb_box .b_list_box::-webkit-scrollbar-thumb { background: #d0b69f; }
.b_ytb_box .b_list_box::-webkit-scrollbar-track { background: #eaeaea; }
.b_ytb_box .b_list_box ul li{display:flex; margin-bottom:15px; cursor:pointer; }
.b_ytb_box .b_list_box ul li:last-child{margin-bottom:0; }
.b_ytb_box .b_list_box ul li.on .b_thm_box{border:4px solid #222; }
.b_ytb_box .b_list_box .b_thm_box{width: 40%;}
.b_ytb_box .b_list_box .b_thm_box img{display:flex; }
.b_ytb_box .b_list_box .b_txt_box {padding-left:10px; width: 60%;}
.b_ytb_box .b_list_box .b_txt_box h2{display:flex; align-items:center; }
.b_ytb_box .b_list_box .b_txt_box h2 p{margin-left:5px; font-weight:bold; word-break:keep-all; }
.b_ytb_box .b_list_box .b_txt_box span{display:block; margin-top:10px; color:#999; word-break:keep-all; text-align: left;}



@media screen and (max-width:960px){ 
	 .b_ytb_box .b_cont_box{flex-direction:column; margin-top:40px;}
	 .b_ytb_box .b_main_box{width:100%; margin-bottom:20px;}
	 .b_ytb_box .b_list_box{width:100%; overflow-x: scroll;  overflow-y: unset; aspect-ratio:unset;}
	 .b_ytb_box .b_list_box::-webkit-scrollbar { height: 4px; }
	 .b_ytb_box .b_list_box ul{display: flex; width: fit-content;}
	 .b_ytb_box .b_list_box ul li{width:400px; }
	 .b_ytb_box .b_list_box .b_thm_box {width: 200px;}
	 .b_ytb_box .b_list_box .b_txt_box {padding-top:10px;}


}


@media screen and (max-width:760px){ 
	 .b_ytb_box .b_cont_box{margin-top: 50px;}
	 .b_ytb_box .b_main_box{margin-bottom:10px;}

}

@media screen and (max-width:460px){ 
	 .b_ytb_box .b_list_box .b_thm_box {width: 160px;}
	 .b_ytb_box .b_list_box ul li {width: 325px;}
	 .b_ytb_box .b_list_box .b_txt_box h2 img{width:20px;}
}







.b_sv_box{height:500px; width:100%;}
.b_sv_index6{background:url(../img/index6/b_sv_index6.jpg) no-repeat center / cover; }
.b_sv_box .b_inner{display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; color:#fff; }
.b_sv_box .b_inner span{font-size:0.938rem; font-weight:bold; letter-spacing:4px;}
.b_sv_box .b_inner h2{font-size:2.5rem; font-weight:bold; margin:30px 0; }
.b_sv_box .b_inner p{font-size:1.125rem ; text-align:center; line-height:1.7; }

.b_sub_sec{padding:120px 0; }
.b_sub_sec .b_tit_box{text-align:center; display:flex; flex-direction:column; align-items:center; justify-cotent:center; margin-bottom:80px; }
.b_sub_sec .b_tit_box h2{font-size:2.5rem; font-weight:bold; margin-bottom:50px;}
.b_sub_sec .b_tit_box p{font-size:1.375rem; position:relative; width: fit-content; line-height: 1.5;}
.b_index6_1 .b_tit_box h2 b{color:#d0b69f;}
.b_index6_1 .b_tit_box p:after{content:''; width:45px; height:45px; background:url(../img/index6/b_quotes.png) no-repeat center / 100%; position:absolute; left: -65px; top: -30px; opacity:.1;}
.b_index6_1 .b_tit_box p:before{content:''; width:45px; height:45px; background:url(../img/index6/b_quotes.png) no-repeat center / 100%; position:absolute; right: -65px; top: -30px; transform:rotate(-180deg); opacity:.1;}

.b_index6_1 .b_cont_box{max-width:1200px; width:96%; margin: 0 auto; overflow:hidden;}
.b_index6_1 .b_swiper_1 {margin-top:5px;}
.b_swiper_1 .swiper-slide::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 5;
    cursor: pointer;
}

.b_swiper_1 .swiper-slide-thumb-active::before{background: rgba(0,0,0,0);}
.b_swiper_1 .swiper-slide img{display: flex; justify-content: center;}


@media screen and (max-width:760px){ 
	 .b_sv_box {height:320px;}
	 .b_sub_sec{padding: 80px 0;}
	 .b_sub_sec .b_tit_box{margin-bottom: 40px;}
	 .b_sub_sec .b_tit_box h2{margin-bottom: 20px;}
	 .b_index6_1 .b_tit_box p:after{width:25px; height:25px; left: -35px; top: -13px; }
	 .b_index6_1 .b_tit_box p:before{width:25px; height:25px; right: -35px; top: -13px;}
	 
}


.br_540o{display:none;}

@media screen and (max-width:540px){ 
	 .br_540o{display:block;}
}