#bannerArea {width:100%; position:relative; margin-top:2rem; border-top:1px solid #ddd; display:inline-block;  background:#eeeeee;}
#bannerArea > .bannerStr {width:100%; max-width:1400px; position:relative; margin:0 auto; text-align:center; padding:0.5rem 0; display: flex; flex-wrap: wrap; }
#bannerArea .bannerTitle {width:150px; display:inline-block; position:relative; }
#bannerArea .bannerTitle p {padding-left:1.3em; position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width:100%; text-align:center; font-size:1.2rem; font-weight:600;}
#bannerArea .bannerTitle p:before {content:'\f0c1'; position:absolute; font-family: "Font Awesome 5 Free"; font-weight:600; font-size:1rem; color:#fff; margin-left:-2rem; margin-top:-0.05rem; width:1.5rem; height:1.5rem; background:#ef8203; border-radius:100%; padding-top:0.2rem;}
#bannerArea .bannerZone {width:calc(100% - 150px); float:left; overflow:hidden;position:relative; padding-left:2.5rem; padding-right:2.5rem;}
#bannerArea .banner_swiper {overflow:hidden; font-size:0;}
#bannerArea .banner_swiper img {border:1px solid #ddd;}
#bannerArea .swiper-button-next::after {content:'\f138'; position:absolute; font-family: "Font Awesome 5 Free"; font-weight:600; font-size:1.2rem; color:#ef8203; }
#bannerArea .swiper-button-prev::after {content:'\f0a8'; position:absolute; font-family: "Font Awesome 5 Free"; font-weight:600; font-size:1.2rem; color:#ef8203; }
#bannerArea .swiper-button-next , #bannerArea .swiper-button-prev { svg {display:none} }

@media (max-width: 768px) {
  #bannerArea .bannerTitle {display:none;}
  #bannerArea .bannerZone {width:100%;padding-left:3rem; padding-right:3rem;}
}

#footerArea {margin-top:0;}


.mainPopup  .swiper-pagination {text-align:left; padding-left:1rem; padding-bottom:0.5rem;}
.mainPopup  .swiper-pagination .swiper-pagination-bullet {width:1rem; height:1rem;}
.mainPopup  .swiper-pagination .swiper-pagination-bullet-active {background:#ef8203;}