.main_con {width:100%;  margin:0 auto;  font-size:16.5px;  font-weight:300; line-height:1.4}
h3 {font-size:2em}

section + section {margin-top:120px}


.vi {position:relative; width:100%; height:100vh}
.vi iframe {height:100%; width:100%}

.in {   max-width:1400px; }

@media all and (max-width:1400px) {
	.in {padding:0 4%; box-sizing:border-box }
	.main_con {  font-size:15px;}
    h3 {font-size:1.6em}

}
 

.tit {text-align:center; }
.tit  + p {color:#555; margin-top:8px}

.about {position:relative}
.about .ceo_wrap {gap:60px; margin-top:50px}
.about .left_img {width:30%; z-index:-9;  display:inline-block; position:absolute; left:-60px; top:-190px;}
.about .left_img img {opacity:.2}
.about .left_img svg {opacity:.2}
.about .ceo_img {width:500px; flex-shrink:0;}
.about .text b.b1 {font-size:1.5em; font-weight:500}
.about .text b.b2  {font-size:2.2em; letter-spacing:-1.3px; font-weight:800}
.about .text b.b2 span {color:var(--main_c); font-weight:900}
.about .text p {font-size:17.5px}

.about  hr {height:70px}


@media all and (max-width:900px) {
		.about .ceo_wrap {gap:40px; margin-top:0px}
		.about .left_img {display:none}
		.about .ceo_img {width:100%;  }
		.about .text b.b1 {font-size:1.2em;  }
		.about .text b.b2  {font-size:1.7em; letter-spacing:-1px; }
		.about .text p {font-size:1em}


}

.no_counter_wrap  {width:100%; position:Relative}
.no_counter_wrap .left_bar {width:calc(700px + 50%); background-color: var(--bg1);   height:100%;  position:absolute; left:0; top:0}
.no_counter_wrap .right_bar {width:calc(700px + 50%); background-color:#054f8e;  height:100%; z-index:-99;   position:absolute; right:0; top:50px;}

.no_counter_wrap ul.flex {width:100%;  gap:70px;  justify-content:center;  padding:0 4%; box-sizing:border-box }
.no_counter_wrap ul.flex li {white-space:nowrap;   font-size:19px; position:relative;    padding:40px 0;   text-align:Center;}
.no_counter_wrap ul.flex li b {font-size:1.3em; margin-top:10px;  color:#111; font-weight:500; display:flex;  align-items:center; justify-content:center; gap:5px}
.no_counter_wrap ul.flex li b span {font-size:1.8em;   white-space:nowrap;  letter-spacing:-2px; font-weight:900;  font-family: 'KIMM_Bold'; color:#000}
.no_counter_wrap ul.flex li p {height:75px; width:70px; position:relative; margin:0 auto; display:flex; align-items:center; justify-content:center;}
.no_counter_wrap ul.flex li p img {position:Relative; z-index:99; transform: scale(0.6);} 
.no_counter_wrap ul.flex li i {font-size:38px; color:var(--main_c)}
.no_counter_wrap ul.flex li strong {display:block; margin-top:-3px; font-weight: 300; font-size:20px}
.no_counter_wrap ul.flex li div {height:0; overflow:hidden; padding:0 10px}

 @media all and (max-width:900px) {

	.no_counter_wrap ul.flex { gap:20px 0; padding:30px 3% }
	.no_counter_wrap ul.flex li {width:50%; padding:0}
	.no_counter_wrap .left_bar {width:100%}
	.no_counter_wrap .right_bar  {display:none}
	.no_counter_wrap ul.flex li b {font-size:1.1em}
	.no_counter_wrap ul.flex li b span {font-size:1.2em;   }
	.no_counter_wrap ul.flex li strong { font-size:15px}
	.no_counter_wrap ul.flex li p {border:1px solid var(--main_c); height:70px; border-radius:50%}
}
 
.business .in {margin-top:40px}
.business_list_wrap {width:100%; display:flex;   margin-top:30px}
.business_list_wrap .business_list_box  {width:16.6666%;  position:Relative; height:470px;  padding:0; background-color:#333; overflow:hidden}
.business_list_wrap * {transition: all 0.3s ease-out;}
.business_list_wrap .business_list_box  img {width:100%}
.business_list_wrap .business_list_box p.bg { width:100%; height:100%; position:absolute; left:0; top:0;}
.business_list_wrap .business_list_box:nth-child(1) p.bg {background:url('/general/img/main_img11.jpg') no-repeat center; background-size:cover;}
.business_list_wrap .business_list_box:nth-child(2) p.bg {background:url('/general/img/main_img16.png') no-repeat center; background-size:cover;}
.business_list_wrap .business_list_box:nth-child(3) p.bg {background:url('/general/img/main_img12.jpg') no-repeat center; background-size:cover;}
.business_list_wrap .business_list_box:nth-child(4) p.bg {background:url('/general/img/main_img13.jpg') no-repeat center; background-size:cover;}
.business_list_wrap .business_list_box:nth-child(5) p.bg {background:url('/general/img/main_img14.jpg') no-repeat center; background-size:cover;}
.business_list_wrap .business_list_box:nth-child(6) p.bg {background:url('/general/img/main_img15.jpg') no-repeat center; background-size:cover;}

.business_list_wrap .business_list_box  div {position:absolute; width:100%; height:100%;  padding:60px 30px 30px 30px; box-sizing:border-box;  top:0; left:0; color:#fff; display:flex; flex-direction:column; justify-content:flex-end}
.business_list_wrap .business_list_box span { position:relative; z-index:9; letter-spacing:0; font-size:1.1em; font-weight:300}
.business_list_wrap .business_list_box h5 {color:#fff;  font-size:1.7em; margin-top:3px;  margin-bottom:0;  position:relative; z-index:9}
.business_list_wrap .business_list_box div p {height:0; opacity:0; margin-top:20px;  overflow:hidden;   position:relative; z-index:9}

.business_list_wrap .business_list_box  div:after {background:rgba(0,0,0,.2); width:100%; height:100%; position:absolute; left:0; top:0; content:''}

 @media all and (min-width:900px) {

  .business_list_wrap .business_list_box:hover {width:30%}
.business_list_wrap .business_list_box:hover div p {opacity:1; height:100px; font-size:.95em}
.business_list_wrap .business_list_box:hover div {background:rgba(0,0,0,.5); }
.business_list_wrap .business_list_box:hover > p {  filter: blur(5px);  -webkit-filter: blur(5px); }

}
 @media all and (max-width:900px) {
	.business_list_wrap {flex-wrap:wrap;}
 
	.business_list_wrap .business_list_box {height:auto; width:100%}
	.business_list_wrap .business_list_box div {padding:90px 20px 30px 20px; position:static; width:100%;  }
	.business_list_wrap .business_list_box  div:after {background:rgba(0,0,0,.5);  }

	.business_list_wrap .business_list_box div p {opacity:1; height:auto}
 
}

 

 

.btn_wrap {text-align:center; margin-top:30px}




.partner { }
.partner_wrap {position:relative;  margin-top:30px; padding-bottom:50px}
.partner .swiper-slide ul {display:flex; flex-wrap:wrap; }
.partner .swiper-slide ul li {width:20%;   box-sizing:border-box; display:flex; align-items:center; justify-content:center; height:100px; }
.partner .swiper-slide ul li img  {max-width:70%; max-height:70% }



.partner_wrap .swiper-button-prev,
.partner_wrap .swiper-button-next {
	background: transparent;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border: 2px solid #111;
	border-radius: 50px;
	opacity: .5;

	transition: all .3s ease;
}

.partner_wrap .swiper-button-prev:hover,
.partner_wrap .swiper-button-next:hover {
	opacity: 1
}

.partner_wrap .swiper-button-next:after,
.partner_wrap .swiper-button-prev:after {
	font-size: 20px;
	color: #111;
	  
}
.partner_wrap .swiper-button-next {right:-70px}
.partner_wrap .swiper-button-prev {left:-70px}
.partner_wrap .swiper-pagination-bullet-active {background-color:var(--main_c);}

 @media all and (max-width:1400px) {
		.partner_wrap .swiper-button-next {display:none}
		.partner_wrap .swiper-button-prev {display:none}



}

 @media all and (max-width:900px) {
		.partner .swiper-slide ul li {width:33%; height:80px }
		.partner .swiper-slide ul li img  {max-width:80%; max-height:80% }


}


footer {margin-top:100px}