@charset "utf-8";

#main{max-width:100%; overflow: hidden; max-width:1920px; }
.mv_sec{overflow: hidden; position: relative;width: 100%; max-width:100%;  height: 980px; transition:.3s; }
.mv_sec .item{width: 100%; height: 980px; position: relative; overflow: hidden; }
.mv_sec .item .mv_img{width: 100%; height: 100%;}
.mv_sec .item .mv_img img{width: 100%; height: 100%; object-fit:cover; transition:2.2s;} 
.mv_sec .active .mv_img img{transform:scale(1.05) rotate(.001deg); }
.mv_sec .active .mv01 .mv_img{transform:scale(1.05) rotate(.001deg); }
.mv_sec .m_txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%;  align-items:center; box-sizing: border-box;  }
.mv_sec .m_txt .box {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;  text-align: center;	flex-direction: column; padding-top: 120px;}
.mv_sec .m_txt .box p{font-size: 40px; line-height: 1; color: rgba(255,255,255,0.8); letter-spacing: -0.02em; font-weight: 400; ; position: relative; opacity: 0; filter:blur(10px); transition:.8s; top: 30px; margin-bottom: 25px;}
.mv_sec .m_txt .box h3{  font-size: 65px; line-height: 1; color: #fff; font-weight: 700; letter-spacing: -0.02em; position: relative; opacity: 0; filter:blur(10px); transition:.5s .8s; top: 30px; }
.mv_sec .active .m_txt .box h3,
.mv_sec .active .m_txt .box p{opacity: 1;  top: 0; filter:blur(0px); }
.main-scroll{position: absolute;	 z-index: 1005; right: 90px; bottom: 50px;  animation: 1.2s ease 0s infinite normal none running; animation-name:mvScroll; cursor: pointer;}
@keyframes mvScroll {0% {transform:translateY(0)} 60% {transform:translateY(-21px)} 100% {transform:translateY(0)} }
.mv-controll{position: absolute; left: 92px; bottom: 69px; z-index: 100; display: flex; align-items: center; gap:8px}
.mv-controll .dots-num{display: flex;  align-items:center;} 
.mv-controll .dots-num .dot{font-size: 14px; line-height: 1; letter-spacing: -0.02em; color: #fff; display: flex; align-items:center; font-weight: 400;}
.mv-controll .dots-num .dot span{cursor: pointer;}
.mv-controll .dots-num .dot .line-bar{position: relative; width: 0px; height: 2px; background: rgba(255,255,255,0.3); margin: 0 10px; transition:.3s;}
.mv-controll .dots-num .dot .line-bar i{position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: #fff;}
.mv-controll .dots-num .dot.current .line-bar{width: 140px;}
.mv-controll .dots-num .dot.current .line-bar i{animation: 8s ease 0s infinite normal none running; animation-timing-function : linear; animation-name:mvBar;}
@keyframes mvBar {0% {width:0px} 100% {width:100%}  }
.mv-controll .dots-num .dot.current .line-bar.stop i{animation: 8s ease 0s infinite normal none running; animation-timing-function : linear; animation-name:1;}
.mv-controll .mv-bt{display: flex; align-items:center; gap:10px;}
.mv-controll .mv-bt span{line-height: 0; cursor: pointer;}
.main-tit{}
.main-tit small{position: relative; display: block; font-family: 'Montserrat'; font-size: 18px; line-height: 1; letter-spacing: -0.02em; color: #bfbfbf; font-weight: 600; padding-left: 29px; margin-bottom: 11px;}
.main-tit small:before{position: absolute; content: ''; width: 8px; height: 15px; background: #091979; border-radius: 2px; left: 0; bottom: 3px;}
.main-tit small:after{position: absolute; content: ''; width: 8px; height: 8px; background: #00b3be; border-radius: 2px; left: 11px; bottom: 3px;}
.main-tit h4{font-size: 55px; line-height: 1.5; letter-spacing: -0.02em; font-weight: 700; color: #111;}
.mcnt2{padding-top: 160px;		}
.mcnt2 ul{display: flex; height: 650px; background: url(../img/main/mcnt2-bg.jpg) center / cover no-repeat; margin-top: 61px;} 
.mcnt2 ul > li{position: relative; flex:1; text-align: center; align-content:center; border-right: 1px solid rgba(255,255,255,0.1); padding-top: 40px; transition:.3s; z-index: 10;}
.mcnt2 ul > li:after{position: absolute; content: ''; width: 100%; height: 0%; background: rgb(9,25,116); background: linear-gradient(0deg, rgba(9,25,116,1) 28%, rgba(17,17,17,1) 100%);	 left: 0; bottom: 0; opacity: 0.8; z-index: -1; transition:.6s;}
.mcnt2 ul > li:last-child{border-right: 0;}
.mcnt2 ul > li .tbx > p{font-size: 32px; line-height: 1.5; letter-spacing: -0.02em; color: #fff; font-weight: 600; margin-top: 30px; } 
.mcnt2 ul > li .tbx > .link-box{height: 0; transition:.3s; overflow: hidden; }
.mcnt2 ul > li .tbx > .link-box > a{width: 65px; height: 65px; align-content:center; text-align: center; border: 1px solid rgba(255,255,255,0.2); line-height: 0; margin: 0 auto; transition:.3s;}
.mcnt2 ul > li .tbx > .link-box > a img{transition:.3s;}
.mcnt2 ul > li .tbx > .link-box > a:hover img{rotate:90deg;}
.mcnt2 ul > li:hover{padding-top: 0;
	&:after{height: 100%;}
	 .tbx > .link-box{height: 65px; margin-top: 51px;}
}

.mcnt3{position: relative; display: flex; flex-wrap:wrap; padding-top: 157px; position: relative; z-index: 10;}
.mcnt3:after{position: absolute; content: ''; width: 100%; height: 100%; background: url(../img/main/mcnt3-bg.png) left bottom no-repeat; left: 0; top: 0;}
.mcnt3 .main-tit{width: 34.72%;}
.mcnt3 .rbx{flex:1; }
.mcnt3 .rbx ul{display: flex; flex-wrap:wrap; gap:60px;}
.mcnt3 .rbx ul > li{flex:1; height: 600px;}
.mcnt3 .rbx ul > li > a{position: relative; width: 100%; height: 100%; background: url(../img/main/mcnt3-1.jpg) center no-repeat; padding: 70px 58px; z-index: 1; }
.mcnt3 .rbx ul > li > a:after{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(9,25,121,0.9) url(../img/main/mcnt3-li-bg.png) right 91.5% no-repeat; left: 0; bottom: 0; z-index: -1; opacity: 0; height: 0; transition:.6s;}
.mcnt3 .rbx ul > li > a h4{font-size: 36px; line-height: 1; letter-spacing: -0.03em; font-weight: 600; color: #fff; margin-bottom: 30px;}
.mcnt3 .rbx ul > li > a p{font-size: 18px; line-height: 30px; letter-spacing: -0.03em; color: rgba(255,255,255,0.8);}
.mcnt3 .rbx ul > li > a p:nth-of-type(2){margin-top: 20px;}
.mcnt3 .rbx ul > li .box{position: absolute; left: 0; bottom: 0; width: 100%; height: 65px; display: flex; align-items:center;}
.mcnt3 .rbx ul > li .box span{padding-left: 24px; background: rgba(255,255,255,0.25); font-size: 16px; line-height: 1; letter-spacing: -0.03em; color: rgba(255,255,255,0.7); font-weight: 600; flex:1; height: 100%; align-content:center; transition:.3s;}
.mcnt3 .rbx ul > li .box i{position: relative; width: 65px; height: 100%; background: rgba(255,255,255,0.15); transition:.3s;}
.mcnt3 .rbx ul > li .box i:before,
.mcnt3 .rbx ul > li .box i:after{position: absolute; content: ''; width: 100%; height: 100%; background: url(../img/main/mcnt3-more.png) center no-repeat; transition:.3s;}
.mcnt3 .rbx ul > li .box i:after{background: url(../img/main/mcnt3-more-h.png) center no-repeat; opacity: 0;}
.mcnt3 .rbx ul > li > a:hover {
	&:after{opacity: 1; height: 100%;}
	.box i:before{opacity: 0;}
	.box i:after{opacity: 1;}
	.box span{color: rgba(255,255,255,0.8); background: #091979;}
	.box i{background: #091a83;}
	.box i:hover{background: #111;}
}

.mcnt3 .rbx ul > li:nth-child(2){margin-top: 120px;}
.mcnt3 .rbx ul > li:nth-child(2) > a{background: url(../img/main/mcnt3-2.jpg) center no-repeat;}
.mcnt4 .mcnt4-top{display: flex; flex-wrap:wrap; justify-content: space-between; align-items:center; margin-bottom: 64px;}
.mcnt4-controll-box{display: flex; flex-wrap:wrap;     align-items: center; position: relative; top: 24px;}
.mcnt4-controll-box .swiper-pagination{position: relative; width: 400px; height: 3px; margin-right: 50px;}
.mcnt4-controll-box .swiper-pagination-progressbar{background: #dcdcdc;}
.mcnt4-controll-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #091979;}
.mcnt4-controll-box .navigation-btns{display: flex; flex-wrap:wrap; align-items:center; gap:40px; margin-right: 0px;}
.mcnt4-controll-box .navigation-btns > *{cursor: pointer; line-height: 0;}
.mcnt4-controll-box .link-box a{width: 30px; height: 30px; border: 1px solid #ddd; align-content:center; text-align: center; line-height:0;}
.mcnt4 {padding-top: 180px; position: relative;} 
.mcnt4 .inner{border: 1px solid #ddd; height: 620px; padding: 40px 20px; transition:.3s;  cursor: default; }
.mcnt4 .inner .tbx{display: flex; flex-wrap:wrap; align-items:center; margin-bottom: 30px;} 
.mcnt4 .inner .tbx span{width: 100%; height: 35px; background: #111; text-align: center; align-content:center; font-size: 18px; letter-spacing: -0.02em; color: #fff; font-weight: 500; transition:.3s; }
.mcnt4 .inner .tbx p{width: calc(100% );font-size: 18px; line-height: 1.5; letter-spacing: -0.02em; color: #111; margin-top: 5px;font-weight: 500; padding-left: 0px; /* overflow: hidden;white-space: nowrap;text-overflow: ellipsis */;word-break: keep-all;}
.mcnt4 .inner figure{width: 100%; text-align: center; padding: 30px 30px 20px; box-sizing: border-box; box-shadow:0px 0px 20px rgba(0,0,0,0.1)}
.mcnt4 .inner:hover{border: 1px solid #091979; box-shadow:0px 0px 20px rgba(0,0,0,0.1);
	.tbx span{background: #091979;}
} 
.mcnt5{margin-top: 180px; text-align: center; background: url(../img/main/mcnt5-bg.jpg) center / cover no-repeat; height: 705px; align-content:center; box-sizing: border-box; padding-bottom: 20px;}
.mcnt5 .tbx h5{font-family: 'Montserrat'; font-size: 60px; line-height: 1.5; letter-spacing: -0.02em; color: #fff; font-weight: 700;}
.mcnt5 .tbx p{font-size: 20px; line-height: 1.5; letter-spacing: -0.02em; color: rgba(255,255,255,0.8); margin: 11px 0 66px;}
.mcnt5 .tbx .link-box{}
.mcnt5 .tbx .link-box > a{display: flex; gap:11px; align-items:center; justify-content: center; width: 180px; height: 65px; background: #11259c; font-size: 16px; line-height: 1; letter-spacing: -0.02em; color: #fff; margin: 0 auto; transition:.3s;}
.mcnt5 .tbx .link-box > a:hover{background: #000;}
.mcnt5 .tbx .link-box > a span{line-height: 0;}