@charset "utf-8";

.fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow > .fp-overflow{overflow: hidden;}
.fp-watermark{display: none;}

#main{max-width:100%; overflow: hidden;  }
#main{-ms-overflow-style: none;}
#main::-webkit-scrollbar {display: none;}

.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.1) rotate(0.1deg)} 
.mcnt1 .active .item .mv_img video,
.mcnt1 .active .item .mv_img img{ transform: scale(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: 55px;}
.mcnt1 .item .m_txt h3{display: flex; flex-direction: column; gap:4px; font-family: 'IbmPlexSans'; color: #FFF; font-size: 60px; font-weight: 700; line-height: 120%; /* 72px */ position: relative; top: 50px; opacity: 0; transition:.6s;  filter:blur(5px); }
.mcnt1 .active .item .m_txt *{opacity: 1; filter:blur(0px); top: 0;}
.mcnt1 .mv-controll{position: absolute; left: 50%; bottom: calc(35vh - 72px); z-index: 100; display: flex; align-items:center; gap:19px; line-height: 0; translate:-50% 0; width: 1440px; }
.mcnt1 .mv-controll .mv-slider-bt{cursor: pointer;}
.mcnt1 .mv-controll .dots{display: flex; align-items:center; gap:10px; }
.mcnt1 .mv-controll .dots .dot{cursor:pointer; width: 8px; height: 8px; background: #EEE; 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: #A7CFFF;}
.mcnt1 .mv-controll .dots .dot.current{width: 94px; border-radius: 100px;}
.mcnt1 .scroll-mv{position: absolute; left: 50%; bottom: -7px; translate:-50% 0; z-index: 100; display: flex; flex-direction: column; justify-content: center; align-items:center; gap:7px; cursor: pointer;}
.mcnt1 .scroll-mv p{color: #FFF; font-family: "Montserrat";  font-size: 16px; font-weight: 500; line-height: 1; padding-bottom: 57px;} 
.mcnt1 .scroll-mv i{position: absolute;  width: 3px; height: 50px; background: rgba(255, 255, 255, 0.60);  left: 50%; bottom: -5px; translate:-50% 0}
.mcnt1 .scroll-mv i span{position: absolute; display: block; width: 100%; height: 14px; background: #0F4BB5; left: 0; top: 0;  animation: 1.2s ease 0s infinite normal none running; animation-name:mvScroll;}

@keyframes mvScroll {0% {transform:translateY(0)} 60% {transform:translateY(25px)} 100% {transform:translateY(0)} }

.mcnt2{height: 100%; display: flex; }
.mcnt2 > .lbx{background: url(../img/main/mcnt2-bg1.jpg) center / cover no-repeat;}
.mcnt2 > .rbx{background: url(../img/main/mcnt2-bg2.png) center / cover no-repeat;}
.mcnt2 > *{position: relative; flex:1; height: 100dvh; display: flex; align-items:center; justify-content: center; transition:.6s; z-index: 10;}
.mcnt2 > *:hover{flex:1 1 30%; }
.mcnt2 > *:before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%), linear-gradient(0deg, rgba(10, 34, 97, 0.40) 0%, rgba(10, 34, 97, 0.40) 100%);opacity: 0; transition:.6s;}

.mcnt2:hover > *:not(:hover)::before{opacity: 1;}


.mcnt2 > * .tbx{display: flex; flex-direction: column; align-items:center; justify-content: center;  padding-top: 30px;}
.mcnt2 > * .tbx span{font-family: 'IbmPlexSans'; color: #A7CFFF; text-align: center; font-size: 26px; font-weight: 700; line-height: 150%; margin-bottom: 10px;}
.mcnt2 > * .tbx p{font-family: 'IbmPlexSans';  color: #FFF; text-align: center; font-size: 50px; font-weight: 700; line-height: 120%; }
.mcnt2 > * .tbx .link-box{margin-top: 40px;}
.mcnt2 > * .tbx .link-box > a{display: flex; justify-content: center; align-items: center; gap: 10px; width: 191px; height: 62px; padding: 0px 13px;border-radius: 50px; border: 1px solid #FFF;color: #FFF; text-align: center; font-size: 20px; font-weight: 700; line-height: 160%; transition:.3s;}
.mcnt2 > * .tbx .link-box > a i{line-height: 0;}
.mcnt2 > * .tbx .link-box > a i img{filter:brightness(100);}
.mcnt2 > * .tbx .link-box > a:hover{background: #0F4BB5; border-color: #0F4BB5;}


.mcnt3-wrap{background: url(../img/main/mcnt3-bg.jpg) center / cover no-repeat;}
.mcnt3{position: relative; display: flex; align-items: stretch; align-items:center;justify-content: center; height: 100dvh;}
.mcnt3 .tbx{display: flex; flex-direction: column; text-align: center; justify-content: center; padding-top: 35px;}
.mcnt3 .tbx > span{font-family: 'IbmPlexSans';  color: #0F4BB5; text-align: center;  font-size: 26px; font-weight: 600; line-height: 150%; margin-bottom: 16px;}
.mcnt3 .tbx > b{font-family: 'IbmPlexSans'; color: #222; text-align: center; font-size: 40px; font-weight: 700; line-height: 150%; margin-bottom: 24px;}
.mcnt3 .tbx > p{font-family: 'IbmPlexSans'; color: #444; text-align: center; font-size: 20px; font-weight: 400; line-height: 160%; }
.mcnt3 .tbx > .link-box{margin-top: 60px;}
.mcnt3 .tbx > .link-box > a{margin: 0 auto; font-family: 'IbmPlexSans';   display: flex; justify-content: center; align-items: center; gap: 10px; width: 304px; height: 62px; padding: 0px 13px;border-radius: 50px; border-radius: 50px; border: 2px solid #0F4BB5;  text-align: center; font-size: 20px; font-weight: 700; line-height: 160%;  color: #0F4BB5; transition:.3s;}
.mcnt3 .tbx > .link-box > a i{line-height: 0;}
.mcnt3 .tbx > .link-box > a i img{transition:.3s;}
.mcnt3 .tbx > .link-box > a:hover{background: #0F4BB5; color: #fff; border-color: #0F4BB5;
	i img{filter:brightness(50)}
}



.mcnt3 .l-img{position: absolute; align-self:start; margin-top: 80px; left: 20px; top: 50%; translate:0 -50%;}
.mcnt3 .l-img figure{position: relative; }
.mcnt3 .l-img figure img{box-shadow: 0 30px 30px 0 rgba(0, 13, 44, 0.25);}
.mcnt3 .l-img .img2{position: relative; padding-top: 200px; padding-left: 241px;} 
.mcnt3 .r-img{position: absolute; align-self:start; margin-top: 215px; right: 20px; top: 0; display: flex; flex-direction: column; align-items: flex-end;}
.mcnt3 .r-img figure{position: relative; }
.mcnt3 .r-img img{box-shadow: 0 30px 30px 0 rgba(0, 13, 44, 0.25);}

.mcnt3 .r-img .img1{ padding-right: 126px;}
.mcnt3 .r-img .img2{position: relative; padding-top: 200px; padding-left: 241px;} 

.mcnt4-wrap{background: url(../img/main/mcnt4-bg.jpg) center / cover no-repeat; padding-top: 50px;}

.mcnt4{display: flex; flex-direction: column; }
.mcnt4 .tit{display: flex; flex-direction: column; gap:16px; font-family: 'IbmPlexSans';}
.mcnt4 .tit span{color: #A7CFFF; text-align: center;  font-size: 26px; font-weight: 600; line-height: 150%; }
.mcnt4 .tit b{color: #FFF; text-align: center; font-size: 40px; font-weight: 700; line-height: 150%; }
.mcnt4 ul{display: flex; flex-wrap:wrap; gap:60px; margin-top: 70px;} 
.mcnt4 ul > li{flex:1; overflow: hidden; transition:.3s;}
.mcnt4 ul > li > a{position: relative; overflow: hidden; transition:.3s; z-index: 10;}
.mcnt4 ul > li > a:before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; border-radius: 20px; border: 8px solid #A7CFFF; box-sizing: border-box; transition:.4s; opacity: 0; z-index: 5;}
.mcnt4 ul > li figure{overflow: hidden; }
.mcnt4 ul > li figure > img{transition:.3s;}
.mcnt4 ul > li > a .tbx{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: space-around; padding-bottom: 34px; z-index: 1;}
.mcnt4 ul > li > a .tbx:before{position: absolute; content: ''; z-index: -1; width: 100%; height: 0%; left: 0; bottom: 0; background: linear-gradient(0deg,	rgba(0, 0, 0, 0.60) 14.89%,	rgba(0, 0, 0, 0.00) 40.85%); transition:.3s; }
.mcnt4 ul > li > a .tbx p{font-family: 'IbmPlexSans'; color: #FFF; text-align: center; font-size: 36px; font-weight: 700; line-height: 150%; display: flex; align-items:center; transition:.3s;}
.mcnt4 ul > li > a .tbx p i{line-height: 0; opacity: 0; width: 0; overflow: hidden; transition:.3s;}

.mcnt4 ul > li:hover{ box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.40); translate:0 -30px;
 > a{border-radius: 20px;}
 > a:before{opacity: 1;}
 > a .tbx:before{height: 100%;}
 > a .tbx p{color: #A7CFFF;}
 > a .tbx p i{width: 40px; opacity: 1; padding-left: 10px;}
}

.mcnt5-wrap{position: relative; background: url(../img/main/mcnt5-bg.jpg) center / cover no-repeat; z-index: 1;}
.mcnt5-wrap:before{position: absolute; content: ''; width: 100%; height: 100%; background: url(../img/main/mcnt5-bg2.png) right 109% no-repeat; left: 0; top: 0; z-index: -1;}
.mcnt5 .tbx{width: 100%; padding-left: calc(50% - 52px); display: flex; flex-direction: column; padding-top: 50px;}
.mcnt5 .tbx .tit{display: flex; flex-direction: column; font-family: 'IbmPlexSans';}
.mcnt5 .tbx .tit span{color: #0F4BB5; font-size: 26px; font-weight: 600; line-height: 150%; }
.mcnt5 .tbx .tit b{color: #222; font-size: 40px; font-weight: 700; line-height: 150%; margin: 16px 0 24px;}
.mcnt5 .tbx .tit p{color: #444; font-size: 20px; font-weight: 400; line-height: 160%; }
.mcnt5 .tbx .cnt{display: flex; flex-wrap:wrap; font-family: 'IbmPlexSans'; gap:20px; margin-top: 50px;}
.mcnt5 .tbx .cnt > a{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; width: 262px; height: 155px; ; border-radius: 12px; background: #0F4BB5; transition:.3s; padding: 24px; box-sizing: border-box; }
.mcnt5 .tbx .cnt > a span{color: #A7CFFF; font-size: 16px; font-weight: 600; line-height: 160%; } 
.mcnt5 .tbx .cnt > a p{color: #FFF; font-size: 22px;font-weight: 600; line-height: 150%; }
.mcnt5 .tbx .cnt > a i{margin-top: auto; margin-left: auto;}
.mcnt5 .tbx .cnt > a:last-child{background: #143163;}
.mcnt5 .tbx .cnt > a:hover{background: #042A6E;}
.mcnt5 .tbx .cnt > a:last-child:hover{background: #0A1C3B;}
.mcnt5 .tbx .box{display: flex; align-items:center; width: 100%; border-radius: 100px;background: rgba(204,204,204,0.5); height: 68px; padding: 8px 12px; margin-top: 105px;}
.mcnt5 .tbx .box > i{position: relative;display: flex; align-items:center; padding-left: 18px;}
.mcnt5 .tbx .box > i:after{content: ''; width: 1px; height: 18px; background: #999; margin: 0 12px; }
.mcnt5 .tbx .box > p{font-family: 'IbmPlexSans'; color: #444; font-size: 20px; font-weight: 400; line-height: 160%; }
.mcnt5 .tbx .box .link-box{margin-left: auto;}
.mcnt5 .tbx .box .link-box > a{display: flex; justify-content: center; align-items: center; text-align: center; width: 247px; height: 52px; padding: 12px 30px;  gap: 10px; border-radius: 100px; background: #666; color: #FFF; font-size: 18px; font-weight: 700; line-height: 160%; transition:.3s;}
.mcnt5 .tbx .box .link-box > a i{line-height: 0;}
.mcnt5 .tbx .box .link-box > a:hover{background: #0F4BB5;}

.mcnt6-wrap{position: relative; background: url(../img/main/mcnt6-bg.jpg) center / cover no-repeat; z-index: 1; }
.mcnt6{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 649px; }
.mcnt6 .tbx{display: flex; flex-direction: column; text-align: center; font-family: 'IbmPlexSans'; }
.mcnt6 .tbx > span{color: #A7CFFF; font-size: 26px; font-weight: 600;line-height: 150%; }
.mcnt6 .tbx > b{color: #FFF; font-size: 40px; font-weight: 700; line-height: 150%; margin: 16px 0 24px;}
.mcnt6 .tbx > p{color: #CCC; font-size: 20px; font-weight: 400; line-height: 160%; }
.mcnt6 .tbx > .link-box {margin-top: 60px;}
.mcnt6 .tbx > .link-box > a{margin: 0 auto; display: flex; justify-content: center; align-items: center; text-align: center; width: 304px; height: 62px;  padding: 0px 13px; gap: 10px; border-radius: 50px; border: 2px solid #FFF; transition:.3s; color: #FFF; text-align: center; font-size: 20px; font-style: normal; font-weight: 700; line-height: 160%; /* 32px */ transition:.3s;}
.mcnt6 .tbx > .link-box > a i{line-height: 0;}
.mcnt6 .tbx > .link-box > a:hover{background: #0F4BB5; border-color: #0F4BB5;		}

#fp-nav.fp-right{right: 30px;}
#fp-nav ul, .fp-slidesNav ul{display: flex; flex-direction: column; gap:16px;}
#fp-nav ul li, .fp-slidesNav ul li{margin: 0; width: 8px; height: 8px; }
#fp-nav ul li a, .fp-slidesNav ul li a{width: 8px; height: 8px; border: 1px solid #fff; border-radius: 50%; transition:.3s;}
#fp-nav ul li a.active, .fp-slidesNav ul li a.active{background: #0F4BB5; border: 1px solid #0F4BB5;}
#fp-nav ul li a span,
.fp-slidesNav ul li a span{display: none;}

#fp-nav ul li:last-child, .fp-slidesNav ul li:last-child{display: none !important; }


.fp-viewing-RND, .fp-viewing-CAREERS{
#fp-nav ul li a, .fp-slidesNav ul li a{ border: 1px solid #999; }
#fp-nav ul li a.active, .fp-slidesNav ul li a.active{background: #0F4BB5; border: 1px solid #0F4BB5;}
}