Toast popup

                    
<div id="wrap">                     
  <div id="exToast">
    <span>Lorem ipsum dolor sit amet consectetur adipisicing elit.</span>
  </div>
</div>

                    
.toastPop{
  #exToast{display: none; position: fixed; top: 50px; left: 50%; transform: translateX(-50%); 
  width: 290px; padding: 12px; box-sizing: border-box; border-radius: 4px; z-index: 9999;
  background-color: rgba($color: #000, $alpha: 0.65);
    span{display: block; text-align: center; font-size: 14px; color: $cfff; font-family: '맑은 고딕';}
  }
}

                    
#exToast {
  display: none;
  position: fixed;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
  width: 290px;
  padding: 12px;
  -webkit-box-sizing: border-box;
      box-sizing: border-box;
  border-radius: 4px;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.65);
}

#exToast span {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-family: '맑은 고딕';
}

                    
$(function(){
  $('#exToast').fadeIn();
  setTimeout(function(){
    $('#exToast').fadeOut();
  },4000);
});

Lorem ipsum dolor sit amet consectetur adipisicing elit.