.wingBanner{width: auto}
.rollBanner div{height:480px; text-align:center;}
.mainPage {
    height: auto !important;
    margin: 16px 0 20px 0;
}
#row_1{background:#F6F9FF; padding-bottom:40px; position:relative}
#row_4{margin:0 -15px 40px !important; text-align:center;background:url('/asset/images/main/grade5/grade5_row5bg-299eaac6daf0a025fa3752634d9151e6.png')}


.youtubeArea{margin-bottom:40px}
.tipArea{position: relative;text-align: center;margin-bottom:40px}
.tipArea .youtubeBtArea{position:absolute;right:0;bottom:11px}
.tipArea .youtubeBtArea a{font-size: 1.4rem;border: 1px solid #000;box-sizing: border-box;padding: 10px;}
.tipArea .youtubeBtArea a:hover, .tipArea .youtubeBtArea a:focus{color:#0014b1;border-color:#0014b1}
.youtubeBanner{display:flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;gap:1.6rem}
.youtubeBanner div{width:24%;}
.youtubeBanner div a img{width:100%}
.youtubeBanner .swiper-slide img{width:100%}

.popupBannerArea{display: grid;place-items: center;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);position: fixed;top: 0;left: 0;z-index: 9999;}
.popupBannerArea .blackWrap{display:flex;justify-content: center;align-items:center}
.blackWrap{position:initial;width:auto;height:auto;background:none;display:inherit;}

@media (max-width:1200px) {
	.rollBanner div{height:auto;}
	.rollBanner div img{width:100%;}
	#row_6 .col-md-12{margin-bottom:20px;}
	
	.popupBannerArea .blackWrap .bw_box{width:45%}
	.popupBannerArea .blackWrap img{width:100%}

	.tipArea > img{width: auto;margin-bottom: 20px;max-width: 100%;}
	.tipArea .youtubeBtArea{position: static;}
	.tipArea .youtubeBtArea a{display: inline-block;width: 49%;}
	.youtubeBanner{column-gap: 1%;}
	.youtubeBanner div{width:32.6%;}
}
@media (max-width:768px) {
	#row_4{margin:40px -15px !important}
	
	.popupBannerArea .blackWrap{flex-direction: column;}
	.popupBannerArea .blackWrap .bw_box{width:50%}
	.popupBannerArea .blackWrap img{width:100%;margin:0}
	
	.youtubeBanner{column-gap: 1%;}
	.youtubeBanner div{width:49.5%;}
}
@media (max-width:480px) {
	
	.popupBannerArea .blackWrap .bw_box{width:70%}
	.popupBannerArea .blackWrap img{width:100%;margin:0}
	
}