/************************************* main *************************************/
 
.main_sec01 .sec_content{ height: calc(100vh - 80px); display: flex; justify-content: flex-start; align-items: center; z-index: -1;}
.main_sec01 .sec_content .title_box{ color: #fff; }
.main_sec01 .sec_content .title_box h1{ font-size: 50px; margin-bottom:30px; font-weight: 500;}
.main_sec01 .sec_content .title_box p{ font-size: 17px; line-height: 1.6; font-weight: 400;}
.main_sec01 .sec_content .title_box .page_num{ display: flex; margin-top: 20px;}
.main_sec01 .sec_content .title_box .page_num a{ width: 42px; height: 42px; display: flex; justify-content: center; align-items: center; font-size: 12px; color: #fff; text-decoration: none; margin-right: 10px;} 
.main_sec01 .sec_content .title_box .page_num .page_on{ width: 42px; height: 42px;display: flex;justify-content: center;align-items: center;font-size: 12px; border: 1px solid #fff; border-radius: 50%; color: #fff; text-decoration: none;}
.main_sec01 .sec_content .title_box .links{  margin-top: 58px;}
.main_sec01 .sec_content .title_box .links a{display:inline-block;   border: 1px solid #fff; border-radius: 45px;  padding:15px 70px; transition:all ease .3s; color: #fff; font-size: 18px;   font-weight: 500;} 
.main_sec01 .sec_content .title_box .links:hover a{background:#fff; color:#333;}
.main_sec01 .slide01 {   background: #505050; color:#fff; background: url(../images/main_visual01.jpg) no-repeat center center / cover;}
.main_sec01 .slide02{   background: #505050; color:#fff; background: url(../images/main_visual02.jpg) no-repeat center center / cover;}
.main_sec01 .slide03{  background: #505050; color:#fff; background: url(../images/main_visual03.jpg) no-repeat center center / cover;}
.main_sec01 .bar { width: 350px; height: 2px;  background:#aaa;  margin-top: 110px;}
.main_sec01 .bar_on { height: 2px; background:#fff; transition: 0.1s ease-in-out;} 
.main_title{font-size: 30px; line-height:1.2; margin:50px 0  40px;} 
.main_sec02{padding:100px 0;}
.main_sec02 .main_about{display:flex; flex-wrap:wrap;}
.main_sec02 .main_title{width:300px; margin-top:20px;}
.main_sec02 .main_prd{width:calc(100% - 300px);  display: flex; } 
.main_sec02 .main_prd ul{ display: flex; flex-wrap:wrap;  }
.main_sec02 .main_prd ul li{ width: 23%; margin-right:2%; margin-bottom:2%;   border: 1px solid #dcdcdc; border-radius: 10px; transition: ease 0.1s;}
.main_sec02 .main_prd ul li a{ width: 100%;  display: flex; justify-content: center; align-items: center; font-weight: 600; font-size: 16px; color: #000;     height: 60px; text-align: center;}
.main_sec02 .main_prd ul li a span{ transition: ease 0.1s;}
.main_sec02 .main_prd ul li:hover{ border: 1px solid #fff; box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 20px;}
.main_sec02 .main_prd ul li:hover a span{ color: #e11c2e; padding-bottom: 5px; border-bottom: 3px solid #e11c2e;} 
.main_sec02 .main_contact{ width: 24%;  color: #fff; background-color: #e11c2e;  border-radius: 10px; padding: 40px 30px; margin-bottom:2%;} 
.main_sec02 .main_contact p{ font-size: 12px; }
.main_sec02 .main_contact h4{ font-weight: 800; font-size:18px;}
.main_sec02 .main_contact .circle{ width: 36px; height: 36px; margin-top: 27px; display: flex; justify-content: center; align-items: center; border: 1px solid #fff; border-radius: 50%;}
.main_sec02 .main_contact .circle a{ width: 36px; height: 36px; display: flex; justify-content: center; align-items: center;}
.main_sec03{background:#f8f8f8; padding:100px 0;} 
.main_sec03 ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.main_sec03 ul li{width:48%;  position:relative;  border-radius: 15px;  background-color: #183360; border-radius: 15px;}
.main_sec03 ul li:nth-child(2){   background-color: #d5e7fb; }
.main_sec03 ul li:nth-child(2) h4{color:#000; }
.main_sec03 ul li:nth-child(2) p{color:#000; }
.main_sec03 ul li a{display:block; padding:50px 50px 50px 160px;}
.main_sec03 ul li .img{position:absolute; left:30px; top:30px}
.main_sec03 ul li h4{font-size: 28px; color: #fff;}
.main_sec03 ul li p{ margin-top: 25px; line-height: 1.8; font-size: 16px; color: #fff;} 
.main_sec03 ul li .plus{ margin-top: 20px; margin-right: 20px; width: 36px; height: 36px; border: 1px solid #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; position:absolute; right:0; top:0;}
.main_sec03 ul li:nth-child(2) .plus{   background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.main_sec03 ul li .plus img{transition: all ease 0.5s;  transform: rotate(0);}
.main_sec03 ul li:hover .plus img{  transform: rotate(360deg);}  
.main_sec04{background:#fff; padding:100px 0;}
.main_sec04 .tab-menu{ display: flex; justify-content: center; align-items: center;}
.main_sec04 .tab-menu li{ width:30%; max-width:200px; height: 60px; line-height:1.2; border-radius: 40px; margin:0 10px;     text-align: center; } 
.main_sec04 .tab-menu span{ color:#ddd; font-size: 18px;} 
.main_sec04 .tab-menu li a{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #000; font-weight:600; border-radius:60px; font-size:18px; cursor:pointer; transition:all ease .3s;}
.main_sec04 .tab-menu li a:hover{ background-color: #e11c2e; color: #fff; box-shadow: rgba(221, 15, 39, 0.3) 3px 3px 15px;}
.main_sec04 .tab-menu li a.active{ background-color: #e11c2e; color: #fff; box-shadow: rgba(221, 15, 39, 0.3) 3px 3px 15px;}  
.main_sec04 .tab.active{display:block;}
.main_sec04 .tab{display: none;}
.main_sec04 .tab ul{display:flex;  justify-content: space-between; align-items: center;flex-wrap:wrap; align-items: flex-start;}
.main_sec04 .tab ul li{width:32%;  transition:all ease 0.3s; background:#fff; border:1px solid #ddd; border-radius:15px;} 
.main_sec04 .tab ul li a{display:block;  padding:50px; }
.main_sec04 .tab ul li:hover{ margin-top: -20px; margin-bottom:20px; box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 20px; border-color:#fff;}
.main_sec04 .tab ul li h4{ font-size: 18px; font-weight: bold; }
.main_sec04 .tab ul li p{ font-size: 16px; margin-top: 20px; line-height: 1.6; }
.main_sec04 .tab ul li p.date{ margin-top: 40px;}
.main_sec05{background:#f8f8f8; padding:50px 0 100px; text-align:center;}
.main_sec05 {position: relative;}
.main_sec05 .partners_slider{ position: relative; }  
.main_sec05 .swiper-slide a{display:block; background: #fff;padding: 10px;border-radius: 15px;}
.main_sec05 .swiper-button-next:after, 
.main_sec05 .swiper-button-prev:after{color: #000;}
.main_sec05 .swiper-button-next:after, .main_sec05 .swiper-button-prev:after{font-size: 30px;}
.main_sec05 .swiper-button-next, .main_sec05 .swiper-button-prev{  background:none;}
.main_sec05 .swiper-button-next{right:-40px;}
.main_sec05 .swiper-button-prev{left:-40px;}
 



 /************************************* responsive *************************************/
 @media screen and (max-width:768px){ 
    .main_sec01 .sec_content .title_box h1{font-size: 35px;} 
    .main_title{font-size: 20px;margin: 40px 0 30px;text-align: center;}
    .main_sec01 .sec_content .title_box p{font-size: 16px;}
	.main_sec01 .sec_content .title_box p br{display:none;}
	.main_sec01 .sec_content .title_box .links{margin-top:30px;}
    .main_sec01 .sec_content .title_box .links a{padding: 10px 30px; font-size: 16px;}
    .main_sec01 .bar{width: 250px; margin-top:50px}
    .main_sec02 {padding: 50px 0;}
    .main_sec02 .main_title{width: 100%; margin-top:0;}
    .main_sec02 .main_title h3{font-size: 24px;text-align: center;}
    .main_sec02 .main_prd{width: 100%; flex-wrap: wrap;}
    .main_sec02 .main_prd ul li a{font-size: 14px;}
    .main_sec02 .main_contact{padding:15px 20px ; width: 100%; position: relative;}
    .main_sec02 .main_contact p{ }
    .main_sec02 .main_contact h4{font-size: 18px;}
    .main_sec02 .main_contact .circle{width: 30px;height: 30px;position: absolute; top: 50%; right: 20px; margin-top:-15px;}
    .main_sec02 .main_contact .circle a{width: 30px;height: 30px;}
    .main_sec02 .main_prd ul{justify-content: space-between;}
    .main_sec02 .main_prd ul li{width: 31%; margin-bottom: 4%;}
    .main_sec02 .main_prd ul li:nth-child(3),
    .main_sec02 .main_prd ul li:nth-child(6),
    .main_sec02 .main_prd ul li:nth-child(9),
    .main_sec02 .main_prd ul li:nth-child(12){margin-right: 0;} 
    .main_sec03{padding: 50px 0;}
    .main_sec03 ul{flex-direction: column;}
    .main_sec03 ul li{width: 100%;}
	.main_sec03 ul li p{margin-top:10px; font-size:14px;}
    .main_sec03 ul li .img{top: 15px;}
    .main_sec03 ul li .img img{width: 70%;}
    .main_sec03 ul li a{padding: 110px 30px 30px 30px;}
    .main_sec03 ul li:nth-child(2){margin-top: 20px;}
    .main_sec03 ul li h4{font-size: 24px;}
    .main_sec04{padding: 50px 0;}
	.main_sec04 .tab-menu li{width:auto; height: 50px;  margin: 0  ;}
    .main_sec04 .tab-menu li a{font-size: 16px; padding:0 15px}  
    .main_sec04 .tab ul li a{padding: 30px;}
    .main_sec04 .tab ul li{width: 100%; margin-bottom: 20px;} 
    .main_sec04 .tab ul li p{font-size: 14px;}
    .main_sec04 .tab ul li:hover{ margin-top: 0; margin-bottom:20px;}
	.main_sec04 .tab ul li p.date{margin-top:20px;}
    .main_sec05{padding: 30px 30px 50px;}
    .main_sec05 .inner1240{margin-top: -30px;}
    .main_sec05 .main_partners{max-width: 80%; margin: 0 auto;}
    .main_sec05 .swiper-button-next:after, .main_sec05 .swiper-button-prev:after{font-size: 28px;} 
 }