/*  페이지타이틀 */
	.page_list_title{height:80px;padding:50px 0 0px 5px;font-size:18px;font-weight:bold}
	.page_list_title .title_ment{float:left;padding:10px 5px 0 5px;font-size:18px;}
	.page_list_title .title_srch{float:right;padding:5px;font-size:18px;}
	.page_list_title .title_srch input[type="text"]{width:280px}
	.page_list_title .title_srch .span_block{background:#FFF}
	@media all and (max-width: 500px) {
		.page_list_title{height:80px;padding:30px 0 0px 5px;font-size:18px;font-weight:bold}
		.page_list_title .title_srch{float:right;width:250px}
		.page_list_title .title_srch input[type="text"]{width:190px;}
	}
/*  페이지타이틀 */

/*  ch_list 채널목록 중 강사소개 */
	.youtube_box{float:left;width:202px;padding-bottom:5px;margin:10px 14px 20px;position:relative;cursor:pointer}
	.youtube_box .ment img{position:absolute;top:0px;margin-top:60px;left:50%;  transform: translate(-50%, -50%);}
	.cg_pic{padding-top:20px}
	.cg_pic li{float:left;text-align:center;width:calc(100%/9) ;}
	.cg_pic li div{padding:5px}
	.cg_pic li div.img_ment{font-size:20px;font-weight:900}
	.cg_pic li div img{-moz-border-radius:150px;border-radius:150px;-webkit-border-radius: 150px;border:1px solid rgba(200,200,200,0.5);display:block}
	.cg_pic div img {	-moz-border-radius: 150px;		border-radius: 150px;		-webkit-border-radius: 150px;		border: 1px solid rgba(200,200,200,0.5)	}
/*  ch_list 채널목록 중 강사소개 */

/*  ch_home 채널홈 중 강사소개 */	
	.chhome_pic{padding-top:20px}
	.chhome_pic li{float:left;text-align:center}
	.chhome_pic li div{padding:5px}
	.chhome_pic li div.img_ment{font-size:20px;font-weight:900;display:block}
	.chhome_pic li div.ytbCountLy{display:block;position:relative;width:200px;height:50px;}
	.chhome_pic li .ytbCountLy .ytbCount{position:absolute;top:-5px;left:-10px;width:200px;}
	.chhome_pic li .ytbCountLy .ytbCount .ytbCountBox{display:inline-block;font-size:14px;font-weight:600;width:calc(100%/3);border-left:1px solid rgba(100,100,100,0.2);margin:0 -4px 0 0;box-sizing:border-box}
	.chhome_pic li .ytbCountLy .ytbCount .ytbCountBox:first-child{border-left:0}
	.chhome_pic li div img{-moz-border-radius:150px;border-radius:150px;-webkit-border-radius: 150px;border:1px solid rgba(200,200,200,0.5);display:block}
	.cg_pic div img {	-moz-border-radius: 150px;		border-radius: 150px;		-webkit-border-radius: 150px;		border: 1px solid rgba(200,200,200,0.5)	}
/*  ch_home 채널홈 중 강사소개 */	


/* 유투브 테마 메뉴*/
	.themaMenu{border-bottom:5px solid rgba(0,0,0,0.03);background:rgba(0,0,0,0.02);padding:5px 0 0px;}
	.themaMenu .wrap > div{text-align:center} 
	.themaMenu a span{display:inline-block;width:80px;padding-top:10px;height:30px;font-size:14px;text-align:center;}
	.themaMenu a span.on{background:#FFF;color:#132BFF;font-weight:bold;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius: 10px;}
	.themaMenu a span:hover{background:rgba(230,231,232,0.5);color:#132BFF;font-weight:bold;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius: 10px;}
/* 유투브 테마 메뉴*/

/* 유투브 텝*/
	.center_menu_tab{border-top:1px solid rgba(50,50,50,0.8);margin-top:30px}
	.center_menu_tab div{float:left;width:120px;font-size:15px;text-align:center;border-left:1px dotted rgba(70,70,70,0.2)}
	.center_menu_tab div:first-child{border-left:0}
	.center_menu_tab div a{display:inline-block;padding:15px 0px;width:100%;color:#666}
	.center_menu_tab div a.on{font-weight:700;font-size:16px;border-bottom:3px solid #000;box-sizing:border-box;background:rgba(235,235,235,0.8);-moz-border-radius: 3px;border-radius: 3px;-webkit-border-radius: 3px;}
/* 유투브 텝*/

/* 채널 홈 스와이퍼 좌우 버튼*/
.s_btn_n, .s_btn_p{width:35px;padding:5px 12px;background:rgba(255,255,255,0.7);-moz-border-radius:30px;border-radius:30px;-webkit-border-radius: 30px;box-shadow:0px 2px 2px #000;}
.s_btn_p{left:20px}
.s_btn_n{right:-10px}
.swiper-progress-bar {display:none}
/* 채널 홈 스와이퍼 좌우 버튼*/	
	
/*  유투브 채널목록 */
	.list_tv{float:left;width:20%;box-sizing:border-box;padding:5px;}
	.list_tv .list_tv_div{ position: relative;    border-radius:10px}
	.list_tv .list_tv_div::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;transform: scale(0.95);transition: transform 0.4s ease, background 0.4s ease;z-index: -1;}

	.list_tv .list_tv_div:hover::before {
	    transform: scale(1.02);    /* 배경만 확대 */
	    background: rgba(198,217,255,0.3);   /* 원하는 배경색 */
	    border-radius:10px
	}
	
	.list_tv .ch_pic_thum{padding-right:10px;display:block}
	.temp_img_box img{border-radius:7px;}
	
	#ifr_view_box .view_wrap{width:100%;max-width:1650px;margin:0 auto;padding-top:10px;}/* 유튜브 뷰 박스*/
	
	.txt_ellipsis_1h {width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.txt_ellipsis_2h { /* 한 줄 자르기 */ width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.4; height: 3.0em; text-align: left; word-wrap: break-word;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	
	.temp_img{max-height:180px;min-width:250px;}
	.ch_img_div{display:block}
	
	.view_ch_box{clear:both;padding-bottom:50px}
	.chment_box{width:1150px;margin:0 auto;padding:20px 0;}
	@media all and (max-width: 1660px) { /* 피시버전 가로 2000px, 세로 470 */
		.list_tv{float:left;width:25%;}
		
		.layout_center{width:100%;}
		#ifr_view_box .view_wrap{width:100%;padding-top:0px}
		.view_ch_box{padding-bottom:50px;}
		.chment_box{width:1150px;}
		.ch_img_div{display:block}
	}
	@media all and (max-width: 1300px) {
		.list_tv{float:left;width:25%;}
		
		#ifr_view_box .view_wrap{width:100%;}
		.view_ch_box{padding-bottom:50px;}
		.center_menu_tab div a.on{font-size:13px}
		.chment_box{width:1100px;}
		.topSrch_box{border:1px solid #ccc;width:70%;}
		.ch_img_div{display:block}
		.cg_pic{padding-top:10px}
		.cg_pic li div img{display:none}
		.chhome_pic{padding-top:10px}
		.chhome_pic li div img{display:none}
		.chhome_pic li div.img_ment{display:none}
		.chhome_pic li div.ytbCountLy{display:none}
	
	}
	@media all and (max-width: 1200px) {
		.themaMenu{margin-top:5px}
		.list_tv{float:left;width:25%;}
		.list_tv .ch_pic_thum{display:block}
	}
	@media all and (max-width: 1100px) {
		.list_tv{float:left;width:33.33%;}
		.list_tv .ch_pic_thum{display:block}
		#ifr_view_box .view_wrap{width:100%;}
		.view_ch_box{padding-bottom:0px;}
		.center_menu_tab div a.on{font-size:13px}
		.chment_box{width:90%;}
		.topSrch_box{border:1px solid #ccc;width:50%;}
		.ch_img_div{display:block}
		.txt_ellipsis_1h { width: 80%;}
		.txt_ellipsis_2h { /* 한 줄 자르기 */ width: 80%;}
	
	}
	@media all and (max-width: 700px) {
		.themaMenu{margin-top:11px}
		.themaMenu a span{width:calc(100% / 8);}
		
		.list_tv{float:left;width:50%;}
		.list_tv .ch_pic_thum{display:none}
		#ifr_view_box .view_wrap{width:100%;}
		.view_ch_box{padding-bottom:30px;}
		.chment_box{width:95%;}
		.temp_img{max-height:180px;min-width:150px;}
		.ch_img_div{display:none}
		.txt_ellipsis_1h {display: inline-block; width: 150px;}
		.txt_ellipsis_2h { /* 한 줄 자르기 */ display: inline-block;  height: 2.6em; width:150px;}
		
		.center_menu_tab div{float:left;width:80px;font-size:13px;height:52px;text-align:center;}
		.center_menu_tab div a{display:inline-block;padding:15px 0px;width:100%}
	}
	@media all and (max-width: 400px) {
		.list_tv{float:left;width:50%;padding:3px;}
		#ifr_view_box .view_wrap{width:100%;}
		.view_ch_box{padding-bottom:0px;}
		.center_menu_tab div a.on{font-size:13px}
		.chment_box{width:95%;}
		.temp_img{max-height:180px;min-width:100px;}
		.ch_img_div{display:none}
		.txt_ellipsis_1h {display: inline-block; width: 150px; height: 1.25em;}
		.txt_ellipsis_2h { /* 한 줄 자르기 */ display: inline-block; height: 2.6em;  width:150px;}
	}
	.fix_guide{position:fixed;z-index:20}
	.new_Msg{position:absolute;z-index:1; top: 4px;  left: 2px;  z-index: 5; font-size:11px; background: #FF491C; color: #fff; padding: 3px 5px;border-radius:5px;}
	.play_time {position: relative; }
	.play_time div{position: absolute;  bottom: 4px;  right: 0px;  z-index: 5;  background: #000; color: #fff; padding: 3px 5px;border-radius:5px;}
	
	
	
	body.dark{background:#333;color:#f0f0f0}
	.themaMenu.dark{border-bottom:5px solid rgba(45,45,45,1);background:rgba(55,55,55,1);padding:5px 0 0px;margin-top:15px}
	.themaMenu.dark a{color:#ddd}
	.chlist_wrapper .chlist.dark{background:rgba(255,255,255,0.1);}
	.view_con_box a.dark{color:#3C94FF}