/************* MAIN CON 1 *************/

.mainCon1{ display: flex; width: 100%; height: 100vh; background: #F3F9FF; padding-bottom: 3.0208vw;}
.mainCon1 .mainsld1{ width: 78%; margin: 0; overflow: visible;}
.mainCon1 .mainsld1 .swiper-wrapper{}
.mainCon1 .mainsld1 .swiper-slide{ opacity: .6; display: flex; flex-direction: column; justify-content: flex-end;}
.mainCon1 .mainsld1 .swiper-slide-active{ opacity: 1;}
.mainCon1 .mainsld1 .swiper-slide .txtBox{ color:#000; overflow: hidden;}
.mainCon1 .mainsld1 .swiper-slide .txtBox p{ float: right; width: 100%; max-width: calc( 100% - 20px );}
.mainCon1 .mainsld1 .swiper-slide .txtBox span{ display: block; font-size: 1.851vh; color: #dedede; font-weight: 500; margin-bottom: 0.833vh;}
.mainCon1 .mainsld1 .swiper-slide-active .txtBox{ font-size: 3.518vh; font-weight: 300;}
.mainCon1 .mainsld1 .swiper-slide-active .txtBox p{ width: 1332px;}
.mainCon1 .mainsld1 .swiper-slide img{ width: 100%; height: 56.481vh;
	object-fit: cover; margin-top: 4.629vh;}

.mainCon1 .mainslid1bar{ position: absolute; left: 0; bottom: 11px; top: auto; background: #b1b9c1; width: 100%; height: 1px;}
.mainCon1 .mainslid1bar .swiper-pagination-progressbar-fill{ background: #095EA2; border-radius: 2px; height: 3px; top: -1px;}

.mainsld2Wrap{ background: #F3F9FF;}
.mainsld2{ padding: 56px 0 107px; cursor: url(/images/main/sldCursor.png), auto; overflow: visible;}
.mainsld2 .mainsld2Tit{ width: 702px; font-size: 80px; font-weight: 300; line-height: 1.2; color: #7d90a3; margin: 0 auto 78px; opacity: .5;}
.mainsld2 .mainsld2Tit em{ display: block; font-weight: 400; margin-left:68px;}
.mainsld2 .swiper-slide{ overflow: visible;}
.mainsld2 .swiper-slide .txtBox{ width: 778px; margin: 0 auto;}
.mainsld2 .swiper-slide-prev .txtBox{ margin-right: 0;}
.mainsld2 .swiper-slide-next .txtBox{ margin-left: 0;}

.mainsld2 .swiper-slide .txtBox > img{ width: 100%;}
.mainsld2 .swiper-slide .txtBox .txt1{ font-size: 35px; color: #222; margin: 27px 0 8px;}
.mainsld2 .swiper-slide .txtBox .moreBtn{ display: inline-block; font-size: 16px; margin-top: 72px; position: relative;}
.mainsld2 .swiper-slide .txtBox .moreBtn img{ max-width: 99999999999999999%; position: absolute; right: -16px; top: -33px;}
.mainsld2pagi{ width: 92px; height: 92px; border-radius: 50%; border: .5px solid #095EA2;}
.mainsld2pagi.swiper-button-prev{ left: 100px;}
.mainsld2pagi.swiper-button-next{ right: 100px;}
.mainsld2pagi:after, 
.mainsld2pagi:after{ font-size: 14px;}
.mainsld2pagi.swiper-button-disabled, 
.mainsld2pagi.swiper-button-disabled{ color: #000; opacity: .5; border-color: #222;}


.mainCon3{ padding: 147px 0 175px;}
.mainCon3 > .tit{ text-align: center; margin-bottom: 70px;}
.mainCon3 > .tit .txt1{ font-size: 50px; margin-bottom: 20px; color: #000;}

.mainCon3 .mainTechList{ display: flex;}
.mainCon3 .mainTechList li{ margin-right: 3%; position: relative;}
.mainCon3 .mainTechList li:last-child{ margin-right: 0;}
.mainCon3 .mainTechList li .txtBox{ position: absolute; left: 40px; bottom: 48px; right: 40px; color: #fff;}
.mainCon3 .mainTechList li .txtBox span{ font-size: 28px;}
.mainCon3 .mainTechList li .txtBox p{ opacity: .6; margin-top: 16px; min-height: 108px;}


.mainCon4{ margin-bottom: 151px;}
.mainCon4 > .tit em{ font-size: 247px; font-weight: 700; margin-right: 23px;}

.mainCon4 .mainPdWrap{ padding-left: 323px; position: relative;}
.mainCon4 .mainPdWrap .tabbar{ position: absolute; left: 0; top: 0;}
.mainCon4 .mainPdWrap .tabbar > li{ color: #b2b2b2; cursor: pointer;}
.mainCon4 .mainPdWrap .tabbar > li + li{ margin-top: 30px;}
.mainCon4 .mainPdWrap .tabbar > li .dep1{ font-size: 25px;}
.mainCon4 .mainPdWrap .tabbar > li .dep1::before{ content: ''; display: inline-block; width: 9px; height: 9px; border-radius: 2px; background: #b2b2b2; margin-right: 15px; transform: translateY(-5px);}
.mainCon4 .mainPdWrap .tabbar > li .dep2{ font-size: 22px;}
.mainCon4 .mainPdWrap .tabbar > li .dep3{ font-size: 20px; margin-left: 10px;}

.mainCon4 .mainPdWrap .tabbar > li.on{ color: #095EA2;}
.mainCon4 .mainPdWrap .tabbar > li.on .dep1::before{ background-color: #095EA2;}

.mainCon4 .mainPdWrap .pdlistWrap{position: relative; width: 100%; height: 335px;}
.mainCon4 .mainPdWrap .pdlistWrap .pdlist{ position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; overflow: hidden; overflow-x: auto; touch-action: none; pointer-events: none;}
.mainCon4 .mainPdWrap .pdlistWrap .pdlist:first-child ul li img{ margin-bottom: 30px;}

.mainCon4 .mainPdWrap .pdlistWrap .pdlist::-webkit-scrollbar{ display: block; background: #dfdfdf; height: 5px;}
.mainCon4 .mainPdWrap .pdlistWrap .pdlist::-webkit-scrollbar-thumb{ background: #7B7B7B;}

.mainCon4 .mainPdWrap .pdlistWrap .pdlist.on{opacity: 1; touch-action: auto; pointer-events: auto;}
.mainCon4 .mainPdWrap .pdlistWrap .pdlist ul{ white-space: nowrap; height: 5px;}
.mainCon4 .mainPdWrap .pdlistWrap .pdlist ul li{ width: 290px; display: inline-block; text-align: center; margin-right: 36px;}
.mainCon4 .mainPdWrap .pdlistWrap .pdlist ul li img{}


.mainCon5{ width: 1395px; padding: 104px 0 99px; position: relative;}
.mainCon5::after{ background: #FFFCF6;}

.mainCon5 .txtDeco{ font-size: 247px; font-weight: 700; -webkit-text-stroke-color: #c1c1c1; opacity: .5; position: absolute; left: -300px; top: 97px; line-height: 1;}
.mainCon5 .tit{ font-size: 40px; opacity: .7; color: #000; text-align: center; margin-bottom: 133px;}
.mainCon5 .titInfo{ font-size: 16px; color: #bebebe; position: absolute; right: -102px; top: 153px;}

.mainCon5sldWrap .txtBox{ margin-bottom: 40px;}
.mainCon5sldWrap .txtBox p{ font-size: 20px; color: #095EA2; margin-bottom: 40px;}

.mainCon5sldWrap .txtBox .snsList{ display: flex; justify-content: flex-end;}
.mainCon5sldWrap .txtBox .snsList li{ margin-left: 20px;}
.mainCon5sldWrap .mainsld5{ }
.mainCon5sldWrap .mainsld5 .swiper-wrapper{}
.mainCon5sldWrap .mainsld5 .swiper-slide .vidWrap{ width: 100%; height: 705px; margin-bottom: 31px;}
.mainCon5sldWrap .mainsld5 .swiper-slide .vidWrap > *{ width: 100%; height: 100%; object-fit: cover;}
.mainCon5sldWrap .mainsld5 .swiper-slide p{ padding-left: 11%; transform: translateY(-5px);}
.mainCon5sldWrap .mainsld5 .mainsld5num{ bottom: 0; width: auto; font-size: 25px; font-weight: 700; letter-spacing: 4px; color: #BEBEBE;}
.mainCon5sldWrap .mainsld5 .mainsld5num .swiper-pagination-current{ color: #095EA2;}
.mainCon5sldWrap .mainsld5 .mainsld5Arrow{ top: auto; margin-top: 0; width: auto; left: auto; right: 0; bottom: 0;}
.mainCon5sldWrap .mainsld5 .mainsld5Arrow.swiper-button-disabled{ filter: brightness(0);}
.mainCon5sldWrap .mainsld5 .mainsld5Arrow::after{ display: none;}
.mainCon5sldWrap .mainsld5 .swiper-button-prev.mainsld5Arrow{right: 70px; transform: rotate(180deg);}


.mainCon6{ padding: 150px 0 160px;}
.mainCon6 .tit{ text-align: center; margin-bottom: 70px;}
.mainCon6 .tit .txt1{font-size: 40px; color: #222; margin-bottom: 20px;}
.mainCon6 .tit .txt2{ font-size: 18px;}

.mainCon6 ul{ display: flex;}
.mainCon6 ul li{ width: calc( 25% - 19px ); margin-right: 26px; border: 1px solid #dedede;}
.mainCon6 ul li a{ padding: 30px 35px;}
.mainCon6 ul li:hover{ border-color: #095EA2;}
.mainCon6 ul li:last-child{ margin-right: 0;}

.mainCon6 ul li .subject{ font-size: 20px; font-weight: 500; color: #095EA2;}
.mainCon6 ul li .info{ display: -webkit-box; height: 77px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 15px 0;}

.mainCon6 ul li .date{ font-size: 16px; color: #898989;}



.mainCon7{ width: 100%; background: url(/images/main/seeBg.png)no-repeat center center / cover; padding: 50px;}
.mainCon7 .container::before{ content: ''; display: block; width: 400px; height: 400px; border-radius: 50%; border:1px solid #fff; opacity: .8; position: absolute; left: 65px; top: -100px;}
.mainCon7 .tit{ font-size: 100px; color: #fff; margin: 0 0 42px 233px;}
.mainCon7 .tit .txt1 em{ font-size: 22px; display: inline-block;}
.mainCon7 .tit .txt2{ margin: -20px 0 0 131px;}
.mainCon7 .tit .txt2 img{ display: inline-block; margin-left: 40px; transform: translateY(25px);}
.mainCon7 .contactBtn{ border: 1px solid #fff; border-width: 1px 0; padding: 26px 0; font-size: 20px; color: #fff; font-weight: 500; text-align: center;}




















@media screen and ( max-width:1024px){
	.mainCon1 .mainsld1{ height: auto; padding-bottom: 23px;}
	.mainCon1 .mainsld1 .swiper-slide{ width: 83%;}
	.mainCon1 .mainsld1 .swiper-slide .txtBox{ height: 213px; font-size: 22px; position: relative;}
	.mainCon1 .mainsld1 .swiper-slide .txtBox p{ position: absolute; left: 20px; bottom: 0;}
	.mainCon1 .mainsld1 .swiper-slide img{	width: 100%; height: 77.5VW; margin-top: 30px;}
	.mainCon1 .mainsld1 .mainslid1bar{ bottom: 0;}
	.mainsld2{ padding: 35px 0 60px; overflow: hidden;}
	.mainsld2 .mainsld2Tit{ font-size: 32px; margin-bottom: 30px;}
	.mainsld2 .mainsld2Tit em{ margin-left: 28px;}
	.mainsld2 .swiper-slide .txtBox{ width: calc( 100% - 84px );}
	.mainsld2pagi{ width: 32px; height: 32px; margin-top: 0; top: 45vw;}
	.mainsld2pagi.swiper-button-prev{ left: 0;}
	.mainsld2pagi.swiper-button-next{ right: 0;}
	.mainsld2 .swiper-slide .txtBox .txt1{ font-size: 20px; margin: 30px 0 10px;}
	.mainsld2 .swiper-slide .txtBox .txt2{ font-size: 16px;}
	.mainsld2 .swiper-slide .txtBox .txt2 br{ display: none;}
	.mainsld2 .swiper-slide .txtBox .moreBtn{ margin-top: 58px; font-size: 14px;}
	.mainsld2 .swiper-slide .txtBox .moreBtn img{ max-width: 125px;     right: -12px; top: -20px;}

	.mainCon3{ padding: 50px 0 10px;}
	.mainCon3 > .tit{ margin-bottom: 30px;}
	.mainCon3 > .tit .txt1{ font-size: 32px;}
	.mainCon3 > .tit .txt2{ font-size: 16px;}
	.mainCon3 .mainTechList{ display: block;}
	.mainCon3 .mainTechList li{ margin-right: 0; margin-bottom: 40px;}
	.mainCon3 .mainTechList li img{ width: 100%;}
	.mainCon3 .mainTechList li .txtBox{ left: 20px; bottom: 20px; right: 20px;}
	.mainCon3 .mainTechList li .txtBox span{ font-size: 20px;}
	.mainCon3 .mainTechList li .txtBox p{ margin-top: 12px; font-size: 16px; min-height: unset;}

	.mainCon4{ margin-bottom: 60px;}
	.mainCon4 > .tit{ font-size: 16px; margin-bottom: 60px;}
	.mainCon4 > .tit em{ font-size: 22vw; display: block; margin-right: 0; text-align: center; white-space: nowrap; margin-bottom:-18px;}
	.mainCon4 .mainPdWrap{ padding-left: 0;}
	.mainCon4 .mainPdWrap .tabbar{ position: relative; margin-bottom: 30px;}
	.mainCon4 .mainPdWrap .tabbar > li .dep1{font-size: 20px; margin-bottom: 3px;}
	.mainCon4 .mainPdWrap .tabbar > li .dep1::before{ margin-right: 6px; transform: translateY(-3px);}
	.mainCon4 .mainPdWrap .tabbar > li .dep2{ display: flex; font-size: 16px;}
	.mainCon4 .mainPdWrap .tabbar > li .dep2 li + li{ margin-left: 35px;}
	.mainCon4 .mainPdWrap .tabbar > li .dep3{ display: none;}
	.mainCon4 .mainPdWrap .pdlistWrap{ height: 326px;}
	.mainCon4 .mainPdWrap .pdlistWrap .pdlist ul li{ width: 289px; margin: 0;}
	.mainCon4 .mainPdWrap .pdlistWrap .pdlist ul li .txtBox .txt1{ font-size: 16px;}
	.mainCon4 .mainPdWrap .pdlistWrap .pdlist ul li .txtBox .txt2{ font-size: 18px;}
	.mainCon5{ padding: 50px 0 25px;}
	.mainCon5 .tit{ font-size: 32px; margin-bottom: 20px;}
	.mainCon5 .titInfo{ position: static; text-align: center; margin-bottom: 36px;}
	.mainCon5 .titInfo br{ display: none;}
	.mainCon5 .txtDeco{ position: relative; font-size: 75px; left: -33px; top: 25px;}
	.mainCon5sldWrap .txtBox{ margin-bottom: 20px;}
	.mainCon5sldWrap .txtBox .snsList li{ margin-left: 16px;}
	.mainCon5sldWrap .mainsld5 .swiper-slide .vidWrap{ height: 45vw; margin-bottom: 10px;}
	.mainCon5sldWrap .mainsld5 .swiper-slide p{ padding-left: 0; transform: none; font-size: 16px; margin-bottom: 30px;}
	.mainCon5sldWrap .mainsld5 .mainsld5num{ position: relative; font-size: 14px; letter-spacing: 0; text-align: left;}
	.mainCon5sldWrap .mainsld5 .mainsld5Arrow{ width: 21px; height: 23px;}
	.mainCon5sldWrap .mainsld5 .swiper-button-prev.mainsld5Arrow{ right: 46px;}

	.mainCon6{ padding: 25px 0 50px;}
	.mainCon6 .tit{ margin-bottom: 30px;}
	.mainCon6 .tit .txt1{ font-size: 32px;}
	.mainCon6 .tit .txt2{ font-size: 16px;}

	.mainCon6 .newsWrap{ width: 100%; overflow: hidden; overflow-x: auto;}
	.mainCon6 .newsWrap ul{ width: 1188px;}
	.mainCon6 .newsWrap ul li{ margin-right: 16px;}
	.mainCon6 ul li a{ padding: 26px 30px 15px;}
	.mainCon6 ul li .subject{ font-size: 18px;}
	.mainCon6 ul li .info{ margin: 13px 0 26px; font-size: 16px; height: 67px;}
	.mainCon6 ul li .date{ font-size: 14px;}

	.mainCon7{ padding: 40px 0;}
	.mainCon7 .container::before{ width: 162px; height: 162px; left: -66px; top: -111px;}
	.mainCon7 .tit{ font-size: 37px; margin: 0; padding: 0 0 80px; position: relative;}
	.mainCon7 .tit .txt1 em{ font-size: 14px; white-space: nowrap;}
	.mainCon7 .tit .txt2{ margin:  -4px 0 0 50px;}
	.mainCon7 .tit .txt1 em{ position: absolute; left: 50px; bottom: 30px;}
	.mainCon7 .tit .txt2 img{ transform: none; margin: 0; width: 102px; position: absolute; left: 164px; top: 13px;}
	.mainCon7 .contactBtn{ padding: 15px 0; font-size: 16px;}
}



@media screen and ( max-width:586px){
	.mainsld2pagi{top: 48vw;}
}

@media screen and ( max-width:418px){
	.mainsld2pagi{top: 57vw;}
}