#main-con.swiper-container {
    width: 100%;
    height: 100%;
  }
  
  /* swiper before */
  .swiper-slide {
    /* Center slide text vertically */
  
  }
  
  .swiper-slide {
      flex-shrink: 0;
      width: 100%;
      height: 100%;
      position: relative;
      transition-property: transform;
  }
  
  .swiper-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 1;
      display: flex;
      transition-property: transform;
      box-sizing: content-box;
  }
  

/* mobile banner */
#main .mo_top_bn {display: none;position:absolute; right:160px ; bottom:30px ; z-index: 100; width:400px;}
#main .mo_top_bn.on {display: block; }
#main .mo_top_bn .mo_bn_content {
	/* position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
	width: 296px; min-height: 454px; background: #fff; 
	z-index: 10; */
	
}
/* #main .mo_top_bn .mo_bn_content .mo_bn_img {width: 100%; height: 400px; background: rgba(0,0,0,0.2);} */
#main .mo_top_bn .mo_bn_btn {font-size: 0; }
#main .mo_top_bn .mo_bn_btn a {display: inline-block; width: 50%; height: 54px; line-height: 54px; text-align: center; font-size: 16px; }
#main .mo_top_bn .mo_bn_btn a.mo_go_away {background: #6a7780; color: #fff; }
#main .mo_top_bn .mo_bn_btn a.mo_bn_close {background: #fff; color: #000; }
#main .mo_top_bn .mo_bn_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 5; display:none}
#main .mo_top_bn .swiper-pagination {bottom:87px;height:auto;opacity:1;}
#main .mo_top_bn .swiper-pagination .swiper-pagination-bullet-active{background:#003474}

.mo_bn_btn { width:100%}

/*  banner wide */
#main .m_bn_w {display: none;position:absolute; left:0 ; top:0 ; z-index: 200; text-align:center;width:100%;height:100%;}
#main .m_bn_w.on {display: block; }
#main .m_bn_w .mo_bn_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 5;}
#main .mo_top_bn_w{width:896px;  top:50% ; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);z-index:6 }
#main .mo_top_bn_w.on {display: block; }
#main .mo_top_bn_w .mo_bn_content {}
#main .mo_top_bn_w .swiper-wrapper {max-width:896px important; height: 500px;}
#main .mo_top_bn_w .mo_bn_btn {font-size: 0; }
#main .mo_top_bn_w .mo_bn_btn a {display: inline-block; width: 50%; height: 54px; line-height: 54px; text-align: center; font-size: 16px; }
#main .mo_top_bn_w .mo_bn_btn a.mo_go_away {color: #fff; text-align:left;padding-left:20px;}
#main .mo_top_bn_w .mo_bn_btn a.mo_bn_close {color: #fff; text-align:right;padding-right:20px;}
#main .mo_top_bn_w .swiper-pagination {height:auto;opacity:1;position:initial}
#main .m_bn_w .swiper-pagination {display:table;border-collapse:collapse;}
#main .mo_top_bn_w .swiper-pagination .swiper-pagination-bullet-active{color:#0071d7;font-weight:600;}
#main .m_bn_w .swiper-pagination-bullet {width:auto;height:auto;border-radius:0;display:table-cell;opacity:1;background:#fff;padding:15px 0;border:1px solid #ccc;color:#666}
#main .m_bn_w .swiper-pagination-bullet span{font-size: 18px;line-height: 18px;font-weight:500;}

@media all and (max-width: 768px) {/*미디어쿼리*/
    /* mobile banner */
    #main #popupcheck .mo_top_bn {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;right:auto;bottom:auto;}
    #main #popupcheck .mo_top_bn.on {display: block; }
    #main #popupcheck .mo_top_bn .mo_bn_content {
        position: absolute; top: 50%; left:50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
        width: 340px; min-height: 1px; background: #fff; z-index: 10; height:auto;
        
    }
    #main #popupcheck .mo_top_bn .mo_bn_content .mo_bn_img {width: 100%; height: auto; background: rgba(0,0,0,0.2);}
    #main #popupcheck .mo_top_bn .mo_bn_content .mo_bn_btn {font-size: 0; }
    #main #popupcheck .mo_top_bn .mo_bn_content .mo_bn_btn a {display: inline-block; width: 50%; height: 54px; line-height: 54px; text-align: center; font-size: 16px; }
    #main #popupcheck .mo_top_bn .mo_bn_content .mo_bn_img a img{width:100%}
    #main #popupcheck .mo_top_bn .mo_bn_content .mo_bn_btn a.mo_go_away {background: #6a7780; color: #fff; }
    #main #popupcheck .mo_top_bn .mo_bn_content .mo_bn_btn a.mo_bn_close {background: #fff; color: #000; }
    #main #popupcheck .mo_top_bn .mo_bn_bg {position: relative; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 5; display:block}
    #main #popupcheck .mo_top_bn .swiper-pagination {bottom:65px;height:auto;opacity:1}
}