@charset "utf-8";
.youtubeWidget {width:100%; max-width: 1400px; margin: auto;}
ul.youtubeWidgetList {display: block; width: 100%; }
li.youtubeWidgetListItem {display: inline-block; position: relative;width:100%; white-space: normal; overflow: hidden;}
	li.youtubeWidgetListItem img {width: 100%;}
	li.youtubeWidgetListItem p {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%;}
	li.youtubeWidgetListItem p > a{font-size:20px; color:#232323; line-height:1em; font-weight:bold;}
    li.youtubeWidgetListItem > a {display: block; height: 430px; position: relative;}
    li.youtubeWidgetListItem > a img {width: 100%; height: 100%; object-fit: cover;}
		li.youtubeWidgetListItem p.youtubeWidgetListItemDate {display: none;}
		p.youtubeWidgetListItemTitle a {color: #333;}
		p.youtubeWidgetListItemDescription {max-height: 2em; overflow: hidden; color: #888;}
		p.youtubeWidgetListItemDate {color: #FFF;}
		p.youtubeWidgetListItemPopup {}
			p.youtubeWidgetListItemPopup > a {display: block; position: absolute; bottom: 10px; right: 10px; width: 1em; height: 1em; padding: 10px; border-radius: 2em; background-color: #888; color: #FFF;}
				p.youtubeWidgetListItemPopup > a > i {vertical-align: 1em;}

                .youtubeWidgetListItemDescription {display: none;}

    .y_wrap {height: 195px; background-color: #e6e6e6; padding: 30px; display: flex; justify-content: space-between; align-items: center;}
    .y_txt p {color: #232323; font-weight: 600; font-size: 20px;}
    .y_txt p.y_tit {font-size: 30px; font-weight: bold; margin: 15px 0;}


    li.youtubeWidgetListItem .extra_bar_btn img {width: auto;}

@media (max-width:991px) {
	.youtubeWidget {width: 100%}
	ul.youtubeWidgetList {display: flex; align-items: center; justify-content: center;}
	li.youtubeWidgetListItem {width: 100%;}
	li.youtubeWidgetListItem img {border-radius: 20px;}
	p.youtubeWidgetListItemTitle a {font-size: 14px;}

	li.youtubeWidgetListItem p{font-size: 16px;}
	li.youtubeWidgetListItem p > a{font-size:16px; font-weight:500; line-height:20px;}
    li.youtubeWidgetListItem > a {display: block; height: 180px;}

    .y_wrap {height: auto; padding: 20px;}
    .y_txt p.y_tit {font-size: 18px; margin: 5px 0;}
    .extra_bar_btn {display: none;}
}

@media (max-width:767px) {
	ul.youtubeWidgetList{flex-direction:column;}

	li.youtubeWidgetListItem{margin:0 0 30px;}
	li.youtubeWidgetListItem:last-child{margin:0;}
}