@charset "utf-8";

.mcnt1{overflow: hidden; position: relative;width: 100%; max-width:100%;  height: 100vh !important; transition:.3s; }
.mcnt1 .item{width: 100%; height: 100vh; position: relative; overflow: hidden; }
.mcnt1 .item .mv_img{width: 100%; height: 100%;}
.mcnt1 .item .mv_img video,
.mcnt1 .item .mv_img img{width: 100%; height: 100%; object-fit:cover; transition:2.2s; transform:scale(1) rotate(0.1deg)} 
.mcnt1 .active .item .mv_img video,
.mcnt1 .active .item .mv_img img{ transform: scale(1.1) rotate(0deg); }
.mcnt1 .item .m_txt {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items:center; padding-top: 73px; }
.mcnt1 .item .m_txt b{display: flex; gap:25px; line-height: 0.8; flex-direction: column; font-family: "Poppins";  color: #FFF; font-size: 74px; font-weight: 700; letter-spacing: 1.48px;  position: relative; top: 50px; opacity: 0; transition:.6s;  filter:blur(5px); margin-bottom: 60px; }
.mcnt1 .item .m_txt h3 span{color: #CD2731;}
.mcnt1 .item .m_txt p{color: #FFF; font-size: 32px; font-weight: 300; line-height: 140%; position: relative; top: 50px; opacity: 0; transition:.6s .6s;  filter:blur(5px)}
.mcnt1 .active .item .m_txt *{opacity: 1; filter:blur(0px); top: 0;}
.mcnt1 .mv-controll{position: absolute; left: 50%; bottom: 50px; z-index: 100; display: flex; align-items:center; justify-content: center; gap:16px; line-height: 0; translate:-50% 0; width: 1440px; padding-left: 23px;}
.mcnt1 .mv-controll .mv-slider-bt{cursor: pointer;}
.mcnt1 .mv-controll .dots{display: flex; align-items:center; gap:8px; }
.mcnt1 .mv-controll .dots .dot{cursor:pointer; width: 6px; height: 6px; background: rgba(255, 255, 255, 0.60); border-radius: 50%; box-sizing: border-box; transition:.3s; position: relative; overflow: hidden;}
.mcnt1 .mv-controll .dots .dot .line-bar{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.mcnt1 .mv-controll .dots .dot .line-bar i{position: absolute; left: 0; top: 0; height: 100%; width: 0%; background: #FFF;}
.mcnt1 .mv-controll .dots .dot.current{width: 80px; border-radius: 100px;}


.mcnt2{position: relative; height: 100vh;}
.mcnt2 .img-box figure {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .6s ease;}
.mcnt2 .img-box figure img{width: 100%; height: 100%; object-fit:cover;}
.mcnt2 .img-box figure.on{opacity: 1;}
.mcnt2 .tbx{position: absolute; left: 0; top: 0; width: 100%;  display: flex; flex-direction: column; z-index: 10; text-align: center; padding-top: 180px;}
.mcnt2 .tbx > span{color: #14A0DE; text-align: center; font-family: "Poppins"; font-size: 28px; font-weight: 600;line-height: normal; letter-spacing: 0.56px; margin-bottom: 12px;}
.mcnt2 .tbx > strong{display: flex; align-items:center; justify-content: center; gap:12px; color: #FFF; text-align: center; font-size: 50px; font-weight: 600;line-height: 140%; } 
.mcnt2 .tbx > strong a{transition:.3s; line-height: 1;}
.mcnt2 .tbx > strong a:hover{translate:5px 0}
.mcnt2 .tbx > b{color: #FFF; text-align: center; font-size: 28px; font-weight: 700; line-height: 160%; margin: 6px 0;}
.mcnt2 .tbx > p{color: #FFF; text-align: center; font-size: 20px; font-weight: 400; line-height: 160%;}
.mcnt2 ul{position: absolute; left: 0; top: 0; display: flex; width: 100%; height: 100%; z-index: 5;}
.mcnt2 ul > li{position: relative; flex:25%; box-sizing: border-box; border-right: 1px solid rgba(153,153,153,0.2); overflow: hidden; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 63px; cursor: pointer;}
.mcnt2 ul > li:last-child{border-right: 0;}
.mcnt2 ul > li b{color: #999; text-align: center; font-size: 26px; font-weight: 600; line-height: 180%; transition:.3s;}
.mcnt2 ul > li svg{position: absolute; right: -37px; bottom: 55px; transition:.3s; opacity: 0; translate:15px 0;}
.mcnt2 ul > li.on{
	b{color: #FFF; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font;}
	svg{opacity: 1; translate:0px 0;}
} 
.mcnt3{background: url(../img/main/mcnt3-bg.png) center no-repeat; height: 100dvh; text-align: center;}
.mcnt3 .wrap1{ height: 100%; display: flex; flex-direction: column; justify-content: center;}
.mcnt3 .tit{display: flex; flex-direction: column; }
.mcnt3 .tit > span{font-family: "Poppins";  color: #14A0DE; font-size: 28px; font-weight: 600;line-height: normal; letter-spacing: 0.56px; margin-bottom: 12px;}
.mcnt3 .tit p{display: flex; flex-direction: column; color: #222; font-size: 50px; font-weight: 200; line-height: 140%;}
.mcnt3 .tit p b{font-weight: 700; }
.mcnt3 ul{display: flex; flex-wrap:wrap; margin-top: 100px; padding: 0 35px;} 
.mcnt3 ul > li{display: flex; flex-direction: column; gap:20px; flex:1; }
.mcnt3 ul > li .tbx{display: flex; flex-wrap:wrap; flex-direction: column; gap:24px;}
.mcnt3 ul > li .tbx b{color: #1A55B5; font-size: 40px; font-weight: 700; line-height: 120%; }
.mcnt3 ul > li .tbx p{color: #444; font-size: 26px; font-weight: 600; line-height: 160%; }
.mcnt4{background: url(../img/main/mcnt4-bg.jpg) center no-repeat; height: 619px; }
.mcnt4 .wrap3{display: flex; flex-direction: column; align-items:center;    align-items: flex-start;    justify-content: center; height: 100%;}
.mcnt4 .wrap3 .tbx{display: flex; flex-direction: column; padding-bottom: 40px;}
.mcnt4 .wrap3 .tbx > span{color: #FFF;  font-size: 28px; font-weight: 700; line-height: 140%; margin-bottom: 20px;}
.mcnt4 .wrap3 .tbx p{color: #FFF; font-size: 46px; font-weight: 600; line-height: 140%; margin-bottom: 74px;}
.mcnt4 .wrap3 .tbx p span{color: #14A0DE;}
.mcnt4 .wrap3 .tbx .link-box > a{display: flex;justify-content: space-between; align-items: center; width: 265px; height: 66px; padding: 0 19px 0 36px;   gap: 10px; border-radius: 128px; border: 1px solid #FFF; color: #FFF; font-size: 22px; font-weight: 600; line-height: 160%; transition:.3s;}
.mcnt4 .wrap3 .tbx .link-box > a svg{transition:.3s;}
.mcnt4 .wrap3 .tbx .link-box > a:hover svg{translate:10px 0;}