@charset "utf-8";

/*-----------------section03 business area-----------------*/
#section03{background-color: #f8f8f8;}
#section03 .business_swiper_wrap{margin: 60px 0 0;}
.img_business{width: 100%; overflow: hidden;}
.txt_business_wrap{background-color: #fff; padding: 30px; text-align: center;}
.txt_business_wrap .title_business{margin-bottom: 20px; font-weight: 700; font-size: 24px; color: #111; word-break: keep-all;}
.txt_business_wrap .txt_business{font-size: 18px; font-weight: 100; color: #333; word-break: keep-all;}
.business_next{color: #fff; background-color: #e81444; width: 60px; height: 60px; border-radius: 30px; right: -80px; margin-top: 0px;}
.business_prev{color: #fff; background-color: #e81444; width: 60px; height: 60px; border-radius: 30px; left: -80px; margin-top: 0px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{background-color: rgba(0, 0, 0, 0.295);} 
.swiper-button-next:after, .swiper-button-prev:after {font-size: 26px; font-weight: 500;}


/*-----------------------responsive-----------------------*/


@media all and (max-width:1380px){

     /*-----------------section03 business area-----------------*/
     #section03 .container{width: 1000px;}

}

/*tab*/
@media all and (max-width:1199px) and (min-width:768px){

    /*-----------------section03 business area-----------------*/
    #section03 .container{width: 100%;}
    .img_business{height: 200px;}
    .txt_business_wrap{padding: 25px;}
    .txt_business_wrap .title_business{margin-bottom: 15px; font-size: 20px; }
    .txt_business_wrap .txt_business{font-size: 16px;}
    .business_next{right: 20px; top: 185px; width: 45px; height: 45px;}
    .business_prev{left: inherit; right: 70px; top: 185px; width: 45px; height: 45px;}
    .swiper-button-next:after, .swiper-button-prev:after {font-size: 22px;}

}

/*mobile*/
@media all and (max-width:767px){
   
    /*-----------------section03 business area-----------------*/
    #section03 .container{margin: 0 13%; width: 74%;}
    .img_business{height: 300px;}
    .txt_business_wrap{padding: 25px;}
    .txt_business_wrap .title_business{margin-bottom: 10px;font-size: 20px;}
    .txt_business_wrap .txt_business{font-size: 18px; font-weight: 100; color: #333; word-break: keep-all;}
    .business_next{width: 42px; height: 42px; right: -52px; margin-top: -35px;}
    .business_prev{width: 42px; height: 42px; left: -52px; margin-top: -35px;}
    .swiper-button-next:after, .swiper-button-prev:after {font-size: 18px;}

}

@media all and (max-width:500px){   
   
    /*-----------------section03 business area-----------------*/
    .img_business{height: 200px;}
    .business_next{width: 35px; height: 35px; right: -40px; margin-top: -20px;}
    .business_prev{width: 35px; height: 35px; left: -40px; margin-top: -20px;}
    .swiper-button-next:after, .swiper-button-prev:after {font-size: 16px;}
    .txt_business_wrap .title_business{font-size: 18px;}
    .txt_business_wrap .txt_business{font-size: 14px;}

}