@charset "utf-8";

/* 유튜브팝업  */
.layPop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:100}
.layPop .box{position:absolute;top:0;left:0;display:table;width:100%;height:100%}
.layPop .box .con{display:table-cell;text-align:center;vertical-align:middle}
.layPop .box .btnClose{position:absolute;top:30px;right:30px;width:60px;height:60px;text-indent:-999px;overflow:hidden;z-index:20}
.layPop .box .btnClose span{position:relative;display:block;margin:0 auto;width:50px;height:2px;background:transparent}
.layPop .box .btnClose span::before{position:absolute;top:0;left:0;width:100%;height:2px;content:'';transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background:#fff;}
.layPop .box .btnClose span::after{position:absolute;top:0;left:0;width:100%;height:2px;content:'';transform: rotate(45deg);-webkit-transform: rotate(45deg);background:#fff;}

/*메인레이어팝업*/
.mainPopup{display:none;z-index:1000;width:500px;background:#fff;color:#333333;position:absolute; top:132px; left:100px; text-align:center;-webkit-transition:all .3s ease; box-shadow: 10px 10px 20px rgb(0 0 0 / 44%)}
.newpop{top:132px !important; left:650px !important;}
.newpop1{top:132px !important; left:1200px !important;}
.mainPopup .bt-m-pop{position:relative;display:block;width:100%}
.mainPopup .bt-m-pop img{max-width:100%;width:100%}
.mainPopup .btn-close{display:inline-block;position:absolute;top:0;right:0;color:#fff;background-color:#263238;padding:2px 10px}
.mainPopup .btn-today{display:block;text-align:center;color:#fff;background-color:#388e3c;padding:5px 10px}

/* PC Device */
@media (max-width: 1280px){
	.layPop .box .con iframe {width:70%; height:50%;}
}

@media screen and (max-width:780px){ 
	.mainPopup{width:80%; left:50px;}
}

/* Mobile Device */
@media all and (max-width:640px){
	.layPop .box .con iframe {width:80%; height:35%;}
}

@media screen and (max-width:560px){ 
	.mainPopup{height:auto; width:95%; left:5px; top:110px}
}