@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-y: hidden !important;}
#main::-webkit-scrollbar {display: none;}
#main{-ms-overflow-style: none; scrollbar-width: 0px; }
.fp-overflow{overflow: hidden; height: 100%; align-content:center;}
.fp-watermark{display: none;}


main .main-visual{overflow: hidden; position: relative;  max-height:100dvh;  transition:.3s; overflow: hidden; width: 100%; max-height:100dvh; overflow: hidden;}
main .main-visual .mv_owl { height: 100%; overflow: hidden;}
main .main-visual .mv_owl .item{width: 100%; height: 100dvh; position: relative; overflow: hidden;  overflow: hidden; height: 100%; }
main .main-visual .mv_owl .item .mv_img{width: 100%; height: 100dvh; overflow: hidden;}
main .main-visual .mv_owl .item .mv_img img{width: 100%; height: 100%; object-fit:cover; transition:1.2s;}
main .main-visual .mv_owl .m_txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items:center;  box-sizing: border-box; text-align: center; padding-top: 16px;}
main .main-visual .mv_owl .m_txt h3{font-family: 'Poppins'; font-size: 55px; line-height: 75px; color: #fff; letter-spacing: -0.02em; position: relative; font-weight: 700; opacity: 0; top:40px; filter: blur(5px);  transition:.6s .6s; margin-bottom: 30px;}
main .main-visual .mv_owl .m_txt p{font-size: 24px; line-height: 38px; letter-spacing: -0.02em; color: #fff; font-weight: 500; position: relative;  opacity: 0; top:40px; filter: blur(5px);  transition:.6s 1.2s;}
main .main-visual .mv_owl .active .m_txt.on h3,
main .main-visual .mv_owl .active .m_txt.on p{opacity: 1; top: 0; filter: blur(0px);}
main .main-visual .mv_owl .active .item .mv_img.on img{scale:1.05}
main .main-visual .owl-dots{position: absolute; left: 50%; translate:-50% 0%; bottom: 65px; z-index: 1000; display: flex; gap:15px;}
main .main-visual .owl-dots .owl-dot{width: 40px; height: 5px; background: #fff; opacity: 0.5; transition:.3s;}
main .main-visual .owl-dots .owl-dot.active{opacity: 1;}
main .main-visual .visual-line {}
main .main-visual .visual-line span{position: absolute; content: ''; width: 1px; height: 0%;  background: #fff; opacity: 0.2; top: 0; left: 16.666%; transition:1s 1.2s; z-index: 1000;}
main .main-visual .visual-line span:nth-child(2){left: 33.33%; transition:1s 1.5s;}
main .main-visual .visual-line span:nth-child(3){left: 50%; transition:1s 1.8s;}
main .main-visual .visual-line span:nth-child(4){left: 66.666%; transition:1s 2s;}
main .main-visual .visual-line span:nth-child(5){left: 83.33%; transition:1s 2.2s;}
main .main-visual .visual-line.on span{height: 100dvh;}
.main-tit h3{position: relative; font-family: 'Poppins'; font-size: 55px; line-height: 75px; letter-spacing: -0.02em; color: #fff; font-weight: 600; padding-top: 35px; margin-bottom: 25px;}
.main-tit h3:before{position: absolute; content: ''; width: 55px; height: 4px; background: #fff; left: 0; top: 0;}
.main-tit p{font-size: 20px; line-height: 1.5; letter-spacing: -0.02em; color: #fff;}
.main-tit.color h3{color: #000; }
.main-tit.color h3:before{background: #012269;}
.main-tit.color p{color: #666;}

main .mcnt2 {height: 100%;}
main .mcnt2 ul{height: 100%; display: flex; flex-wrap:wrap; }
main .mcnt2 ul > li{position: relative; z-index: 10; flex:1; background: url(../img/main/mcnt2-1.jpg) center / cover no-repeat; box-sizing: border-box; }
main .mcnt2 ul > li > a{display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; height: 100%; padding: 200px 40px 210px 50px; box-sizing: border-box; }
main .mcnt2 ul > li:after{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(1,33,105,0.9); left: 0; top: 0; z-index: -1; opacity: 0; translate:0 100%; transition:.6s;}
main .mcnt2 ul > li:nth-child(2){background: url(../img/main/mcnt2-2.jpg) center / cover no-repeat;}
main .mcnt2 ul > li:nth-child(3){background: url(../img/main/mcnt2-3.jpg) center / cover no-repeat;}
main .mcnt2 ul > li:nth-child(4){background: url(../img/main/mcnt2-4.jpg) center / cover no-repeat;}
main .mcnt2 ul > li:nth-child(5){background: url(../img/main/mcnt2-5.jpg) center / cover no-repeat;}
main .mcnt2 ul > li:nth-child(6){background: url(../img/main/mcnt2-6.jpg) center / cover no-repeat;}
main .mcnt2 ul > li .tbx small{font-family: 'Poppins'; display: inline-block; font-size: 18px; line-height: 1; font-weight: 600; letter-spacing: -0.02em; color: rgba(255,255,255,0.6); text-decoration: underline;	 text-underline-offset : 5px;}
main .mcnt2 ul > li .tbx h5{font-size: 32px; line-height: 46px; letter-spacing: -0.02em; color: #fff; font-weight: 600; margin: 22px 0 23px; word-break: keep-all;}
main .mcnt2 ul > li .tbx p{font-size: 18px; line-height: 30px; letter-spacing: -0.02em; color: rgba(255,255,255,0.8); overflow: hidden; opacity: 0; translate:-30% 0; transition:.6s;}
main .mcnt2 ul > li .link-box {margin-left: auto;}
main .mcnt2 ul > li .link-box > span{display: flex; gap:29px; align-items:center; font-family: 'Poppins'; font-size: 16px; line-height: 1; color: #fff; letter-spacing: -0.02em;}
main .mcnt2 ul > li .link-box > span i{line-height: 0; transition:.3s;}
main .mcnt2 ul > li .link-box > span:hover i{translate:5px 0}
main .mcnt2 ul > li:hover{
	&:after{opacity: 1; translate:0 0; }
	.tbx p{opacity: 1; translate:0% 0; }
} 

.mcnt3_wrap{background: url(../img/main/mcnt3-bg.jpg) center / cover no-repeat;}
.mcnt3 ul{display: flex; flex-wrap:wrap; gap:49px; margin-top: 55px;}
.mcnt3 ul > li{position: relative; }
.mcnt3 ul > li figure{overflow: hidden; width: 100%;}
.mcnt3 ul > li figure img{width: 100%; height: 100%; object-fit:cover; transition:.6s;}
.mcnt3 ul > li .tbx{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 60px 50px 60px 60px; box-sizing: border-box; align-content:end;}
.mcnt3 ul > li .tbx h4{position: relative; display: flex; justify-content: space-between; align-items:center; font-size: 34px; line-height: 1; letter-spacing: -0.02em; color: #fff; font-weight: 600; padding-bottom: 30px;}
.mcnt3 ul > li .tbx h4 i{line-height: 0;}
.mcnt3 ul > li .tbx h4:before,
.mcnt3 ul > li .tbx h4:after{position: absolute; content: ''; width: 100%; height: 1px; background: rgba(255,255,255,0.6); left: 0; bottom: 0; }
.mcnt3 ul > li .tbx h4:after{background: rgba(255,255,255,1); width: 0; transition:.3s;}
.mcnt3 ul > li:hover {
	figure img{scale:1.05;}
	.tbx h4:after{width: 100%; }
}

.mcnt4_wrap{background: #ebebeb;}
.mcnt4 ul{display: flex; gap:49px; margin-top: 52px;}
.mcnt4 ul > li{flex:1;}
.mcnt4 ul > li figure{overflow: hidden; }
.mcnt4 ul > li figure img{transition:.6s; width: 100%; height: 100%; object-fit:cover; }
.mcnt4 ul > li .tbx{position: relative; border-bottom: 1px solid #c3c3c3;}
.mcnt4 ul > li .tbx:after{position: absolute; content: ''; width: 0%; height: 1px; background: #012169; left: 0; bottom: 0; transition:.3s;}
.mcnt4 ul > li .tbx h4{position: relative; display: flex; height: 80px; align-items:center; justify-content: space-between; font-size: 24px; line-height: 1.5; letter-spacing: -0.02em; font-weight: 600; color: #000;	 transition:.3s;}
.mcnt4 ul > li .tbx h4 i{position: relative; width: 7px; height: 100%; margin-right: 6px;}
.mcnt4 ul > li .tbx h4 i:before,
.mcnt4 ul > li .tbx h4 i:after{position: absolute; content: '' ; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/main/mcnt4-arr.png) center no-repeat; transition:.3s;}
.mcnt4 ul > li .tbx h4 i:after{background: url(../img/main/mcnt4-arr-h.png) center no-repeat; opacity: 0;}

.mcnt4 ul > li:hover{
	figure img{scale:1.05}
	.tbx:after{width: 100%;}
	.tbx h4{color: #012169;}
	.tbx h4 i:before{opacity: 0;}
	.tbx h4 i:after{opacity: 1;}
}

.mcnt5_wrap{position: relative; z-index: 10;}
.mcnt5_wrap .bg{position: absolute; right: 0; top: 0; z-index: -1;}
.mcnt5 ul{display: flex; gap:50px; margin-top: 51px;}
.mcnt5 ul > li{flex:1; border: 1px solid #ddd; transition:.3s;}
.mcnt5 ul > li > a{display: block; padding: 44px 42px 68px; background: #fff;}
.mcnt5 ul > li > a .tbx .data{text-align: center; width: 50px; font-family: 'Poppins'; margin-bottom: 20px;}
.mcnt5 ul > li > a .tbx .data big{display: block;  font-size: 40px; line-height: 1; color: #000; letter-spacing: -0.02em; font-weight: 600; transition:.3s; margin-bottom: 3px;}
.mcnt5 ul > li > a .tbx .data small{display: block; font-size: 14px; line-height: 1; letter-spacing: -0.02em;	color: #000; font-weight: 600; transition:.3s;}
.mcnt5 ul > li > a .tbx h4{font-size: 24px; line-height: 35px; letter-spacing: -0.02em; color: #000; font-weight: 600;   overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: 17px; transition:.3s;}
.mcnt5 ul > li > a .tbx .box{font-size: 18px; line-height: 28px; letter-spacing: -0.02em; color: #666; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.mcnt5 ul > li:hover{ border: 1px solid #012269;
	 > a .tbx .data big,
	 > a .tbx .data small,
	 > a .tbx h4{color: #012169;}
}

.mcnt6_wrap{position: relative; z-index: 10; }
.mcnt6_wrap:before,
.mcnt6_wrap:after{position: absolute; content: ''; width: 50%; height: 100%; background: url(../img/main/mcnt6_bg1.jpg) center / cover no-repeat; left: 0; top: 0;}
.mcnt6_wrap:after{left: 50%; background: url(../img/main/mcnt6_bg2.jpg) center / cover no-repeat;}
.mcnt6{position: relative; z-index: 100; padding-right: 50%; box-sizing: border-box; height: calc(100dvh - 300px); align-content:center;}
.mcnt6 h3{font-family: 'Poppins'; font-size: 55px; line-height: 1.5; letter-spacing: -0.02em; color: #fff; font-weight: 600;}
.mcnt6 p{font-size: 20px; line-height: 32px; letter-spacing: -0.02em; color: #fff; margin: 10px 0 51px;}
.mcnt6 .link-box > a{display: flex ;border: 1px solid #fff; width: 220px; height: 65px; box-sizing: border-box;  align-items:center; justify-content: space-between; padding: 0 22px; padding-right: 19px; font-size: 18px; line-height: 1.5; letter-spacing: -0.02em; color: #fff; font-weight: 700; transition:.3s;}
.mcnt6 .link-box > a i{line-height: 0; transition:.3s;}
.mcnt6 .link-box > a:hover{letter-spacing: 0em;
	i{translate:5px 0 }
}