@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

.popup-banner-wrap{width:100%;;display:flex;justify-content:center;flex-wrap:wrap;position:absolute;top:5px;left:0;z-index:9999999;}
.popup-banner-wrap *{font-family:'Pretendard-Regular'}
.popup-banner-wrap>div:nth-child(1){z-index:1010;}
.popup-banner-wrap>div:nth-child(2){z-index:1009;}
.popup-banner-wrap>div:nth-child(3){z-index:1008;}
.popup-banner-wrap>div:nth-child(4){z-index:1007;}
.popup-banner-wrap>div:nth-child(5){z-index:1006;}
.popup-banner-wrap>div:nth-child(6){z-index:1005;}
.popup-banner-wrap>div:nth-child(7){z-index:1004;}
.popup-banner-wrap>div:nth-child(8){z-index:1003;}
.popup-banner-wrap>div:nth-child(9){z-index:1002;}
.popup-banner-wrap>div:nth-child(10){z-index:1001;}

.pop-container{background:#e4e4e4;position:relative;padding-bottom:38px;border:4px solid #ddd;margin:20px;}
.pop-container .pop-item{float:left;}
.pop-container .pop-img{width:450px;position:relative;}
.pop-container .pop-img span{padding:5%;display:block;}
.pop-container .pop-img img{width:100%;}
.pop-container .btn-group{width:100%;border-top:1px solid #ddd;background:#fff;display:block;clear:both;overflow:hidden;position:absolute;bottom:0;left:0;}
.pop-container .btn-group .btn{width:50%;line-height:38px;float:left;color:#000;display:block;text-align:center;font-size:12px;}
.pop-container .btn-group .btn:first-child{border-right:1px solid #ddd;}
@media (max-width:920px){	
.popup-banner-wrap{width:90%;left:5%;}
.pop-container{width:calc(50% - 20px);padding-bottom:36px;margin:10px;}
.pop-container .pop-item,
.pop-container .pop-img,
.pop-container .pop-img img{width:100% !important;}
.pop-container .btn-group .btn{line-height:36px;}
}
@media (max-width:767px){	
.popup-banner-wrap{width:100%;left:0;}
.pop-container{padding-bottom:34px;}
.pop-container .btn-group .btn{line-height:34px;}
}