/*유튜브페이지 반응형*/
@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;
	}
	.youtube {padding-bottom: 60px;}
	.youtube_menu ul li a{font-size:16px;}
	.youtube .youtube_box {
	width: calc(33.33% - 4px);
	}
	.youtube .youtube_box:nth-child(3n-1) {
    margin: 30px 6px;
	}
}

@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:last-child{font-size:15px}
    .popup_box {width: 90vw;height: auto;}
}
@media all and (max-width:834px) {
	.youtube .youtube_box:nth-child(3n-1) {
    margin: 30px 6px 0px;
	}
}
@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;
	}
	.youtube .youtube_box .youtube_txt {
	padding-top: 15px;
	}
	.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;
	}
	.youtube_menu {
    padding-bottom: 26px;
	}
	.youtube .youtube_box {
    margin: 30px 0px 0;
	}
}

@media all and (max-width:700px) {
	.frame1200 {
    padding: 0 10px;
	}
	.youtube .youtube_box .youtube_txt p:first-child {
    font-size: 16px;
	}
	.youtube .youtube_box .youtube_txt p:last-child {
    font-size: 14px;
	}
}

@media all and (max-width:600px) {
	.youtube .youtube_box {
    width: calc(50% - 4px);
	}
	.youtube .youtube_box:nth-child(3n-1) {
    margin: 30px 0px 0;
	}
	.frame1200 {
    justify-content: space-between;
	}
}

@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;}
}