/* BASIC css start */
/**************************************************** MainSlide_Mode2 ****************************************************/

.visual { position: relative; }

.main-swiper-container2 {width:100%; height:700px; overflow:hidden;}
.main-swiper-container2 .mainBnr-slider2 .swiper-slide {background-size:cover; background-position:center;}
.main-swiper-container2 .mainBnr-slider2 .swiper-slide img { width : 100%; }
.cboth .main-swiper-pagination2 { width: auto; position: absolute; z-index: 2; bottom: 40px !important;  left: 50%; transform: translateX(-50%);}
.main-swiper-pagination2 .swiper-pagination-bullet {font-family: 'Montserrat', sans-serif; opacity: 1; transition: 0.5s; width: 33px; outline: none; text-align: left; font-weight:300; height: 19px; vertical-align: middle; font-size: 16px; color: #fff; border: 0; background: transparent; box-shadow: none;}
.main-swiper-pagination2 .swiper-pagination-bullet:before {content: '0'; display: inline-block;}
.main-swiper-pagination2 .swiper-pagination-bullet:after {width: 0px; height: 1px; content: ''; display: inline-block; vertical-align: middle; background: #fff; margin-left: 17px;}
.main-swiper-pagination2 .swiper-pagination-bullet-active {opacity: 1; color: #fff; box-shadow: none; width: 166px; font-weight:600;}
.main-swiper-pagination2 .swiper-pagination-bullet-active:after {width: 113px; height: 1px; transition: 0.5s; display: inline-block; vertical-align: middle; opacity: 1; background: #fff;}
.main-swiper-button-next2 {font-size:40px; color:#fff; position:absolute;top: 48%; z-index: 1; right:50px; cursor:pointer;}
.main-swiper-button-prev2 {font-size:40px; color:#fff; position:absolute;top: 48%; z-index: 1; left:50px; cursor:pointer;}


/****************************************************************************************************************/
/****************************************************************************************************************/
/**************************************************** common ****************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/

#content { padding-top: 30px; overflow: hidden;  }
#content > div { margin-bottom: 30px; }
:root { --swiper-theme-color: rgb(44, 44, 44); --swiper-navigation-size: 20px; }

/* BASIC css end */