/*유튜브페이지 반응형*/
@charset "utf-8";

@media all and (max-width:1237px) {
	.frame1200 {
	    width: 100%;
	    /* display: flex; */
	    flex-wrap: wrap;
	    padding: 0 14px;
	}
	.youtube .youtube_box .youtube_txt{padding-top:15px;margin-left:10px;}
	.youtube .youtube_box .youtube_txt p:first-child{font-size:22px}
	.youtube .youtube_box .youtube_txt p:last-child{font-size:16px;}
	.youtube_menu ul li a{font-size:16px;}
}

@media all and (max-width:1237px) {
	.frame1200{width: 100%;}
	.youtube {padding-bottom: 60px;}
	.youtube .youtube_box {width: calc(33% - 14px);}
	.youtube .youtube_box:nth-child(3n-1) {margin: 0 20px;}
	
}
@media all and (max-width:920px) {
	.youtube_menu { 
	padding-top: 50px;
	padding-bottom: 50px;
	}
	.youtube_menu ul li{width:80px}
	.youtube_menu ul li a{font-size:16px}
	.youtube .youtube_box .youtube_txt p:first-child{font-size:20px}
	.youtube .youtube_box .youtube_txt p:last-child{font-size:15px}
    .popup_box {width: 90vw;height: auto;}
}

@media all and (max-width:815px){
	.youtube_menu ul li a{font-size:15px;}
	.youtube .youtube_box .youtube_txt p:first-child{font-size:20px;}
	.youtube .youtube_box .youtube_txt p:last-child{font-size:14px;}
}

@media all and (max-width:784px) {
	.youtube_menu ul li a{font-size:15px;}
	.youtube .youtube_box {height: auto;padding-bottom: 40px;}
	.youtube .youtube_box .youtube_txt {padding-top: 10px;}
	.youtube .youtube_box .youtube_txt p:first-child{font-size:18px;}
	.youtube .youtube_box .youtube_txt p:last-child{font-size:13px;}
	.youtube .youtube_box {
	margin-bottom: 0;
	}
}

@media all and (max-width:700px) {
	.frame1200 {
    padding: 0 10px;
	}
	.youtube .youtube_box {
    width: calc(49% - 5px);
	}
	.youtube .youtube_box:nth-child(3n-1) {
    margin: 0;
	}
	.youtube .youtube_box:nth-child(2n) {
    margin-left: 10px;
	}
}

@media all and (max-width:500px) {
	.popup_box .pop_title {height: 40px; line-height: 40px;}
	.popup_box .pop_title .close { position: absolute;top: -3px;}
	.youtube_menu ul li {margin:0 5px}
}

@media all and (max-width:460px) {
	.youtube_menu ul li {    width: calc(100%/5 - 17px);}
	.youtube_menu ul li a {font-size: 14px;}
	.youtube .youtube_box .youtube_txt p:last-child {font-size: 13px;}
	.side_fix{right:17px;bottom:2vh;}

}



@media all and (max-width:410px){
	.side_fix{right:17px;bottom:2vh;}
	.side_fix a{width:70px;height:70px;}
	.youtube_menu ul li { 
	width: 25%;
    margin: 5px;
	}
	.youtube_menu ul {text-align: center;}
	.youtube_menu { padding-top: 20px;}
}

@media all and (max-width:383px){
	.youtube_menu ul {padding:0}
}

@media all and (max-width:340px){
	.youtube_menu ul {width:90%}
	.youtube_menu ul li{
	width: 30%;
	}
}
@media all and (max-width:332px){
	.youtube_menu ul li {
    width: 27%;
	}
	.youtube_menu ul li a {
    font-size: 13px;
	}
}

@media all and (max-width:350px){
	.youtube .youtube_box .youtube_txt p:first-child{font-size:17px;}
	.youtube .youtube_box .youtube_txt p:last-child{font-size:12px;}
}


@media all and (max-width:280px){
	.sub_banner_bg .banner_txt p{font-size:14px}
	.youtube .youtube_box .youtube_txt p:first-child{font-size:16px}
	.youtube .youtube_box .youtube_txt p:last-child{font-size:11px}
	.side_fix a{width:60px;height:60px;font-size:13px;}
}