@charset "utf-8";

/* main{scroll-snap-type: y proximity;} */

main {overflow: hidden;}
main .visual{overflow: hidden; position: relative;width: 100%; max-width:100%;  height: 970px; transition:.3s; overflow: hidden;}
main .visual .mv_owl .item{width: 100%; height: 100%; position: relative; overflow: hidden; height: 970px;}
main .visual .mv_owl .item .mv_img{width: 100%; height: 100%;}
main .visual .mv_owl .item .mv_img img{transition:1.2s .2s; width: 100%; height: 100%; object-fit:cover;}
main .visual .mv_owl .item .mv_img img:last-child{display: none;}

main .visual .mv_owl .active .item .mv_img img{scale:1.05; }


main .visual .m_txt{position: absolute; left: 10%; top: 0; width: 80%; height: 100%; display: flex; align-items:center; justify-content: center; box-sizing: border-box; padding-bottom: 80px; text-align: center; z-index: 1005;}  
main .visual .m_txt p{font-family: "Poppins", sans-serif; font-weight: 700; position: relative; top: 20px; transition: .6s;  font-size: 30px; line-height: 1em; letter-spacing: -0.02em; color: rgba(255,255,255,0.5); opacity: 0; filter:blur(10px); margin-bottom: 30px; }
main .visual .m_txt h3{position: relative; top: 20px; transition:.6s .6s; font-size: 60px; line-height: 80px; color: #fff;  letter-spacing: -0.02em !important; opacity: 0; font-weight: 700; filter:blur(10px); }
main .visual .m_txt.active h3,
main .visual .m_txt.active p{opacity: 1; top: 0; filter:blur(0px); scale:1}


main .visual .owl-dots{position: absolute; right: 52px; top: 50%; 	display: flex; flex-direction: column; gap:24px; margin-top: -17px;}
main .visual .owl-dots > .owl-dot{width: 6px; height: 6px; background: #fff; transition:.3s;}
main .visual .owl-dots > .owl-dot.active,
main .visual .owl-dots > .owl-dot:hover{background: #283891;}
.mcnt1{padding: 170px 20px 180px; align-items:center; }
.mcnt1 .lbx{width: 50.70%; box-sizing: border-box; padding-right: 20px;}
.mcnt1 .rbx{flex:1; }
.mcnt1 .lbx .tbx{padding-bottom: 44px;}
.mcnt1 .lbx .tbx small{display: block; font-family: "Poppins", sans-serif; font-size: 22px; line-height: 1; color: #283891; letter-spacing: -0.02em; font-weight: 700; }
.mcnt1 .lbx .tbx h4{font-size: 50px; line-height: 70px; letter-spacing: -0.02em; color: #000; font-weight: 700; margin: 24px 0 30px;}
.mcnt1 .lbx .tbx p{font-size: 18px; line-height: 32px; letter-spacing: -0.02em; color: #666;}
.mcnt2_wrap{background: url(../img/main/mcnt2_bg.jpg) center / cover no-repeat; background-attachment: fixed; height: 820px;}
.mcnt2{position: relative; height: 100%;}
.mcnt2 .tit {font-family: "Poppins", sans-serif;  position: absolute; left: 20px; top: 155px; }
.mcnt2 .tit small{display: block; font-size: 22px; line-height: 1; color: rgba(255,255,255,0.5); letter-spacing: -0.02em; font-weight: 700; margin-bottom: 23px; }
.mcnt2 .tit h4{font-size: 55px; line-height: 75px; color: #fff; letter-spacing: -0.02em; font-weight: 700; margin-left: -2px;}
.mcnt2 ul{text-align: center;  height: 100%;}
.mcnt2 ul > li{flex:1;  position: relative; border-right: 1px solid rgba(255,255,255,0.15); padding-top: 397px;}
.mcnt2 ul > li figure{margin-bottom: 30px;}
.mcnt2 ul > li .tbx h5{font-size: 30px; line-height: 1; color: #fff; letter-spacing: -0.02em !important; font-weight: 700; margin-bottom: 23px;	}
.mcnt2 ul > li .tbx p{font-size: 18px; line-height: 1.5; color: #fff; letter-spacing: -0.02em; 	}

.mcnt3_wrap{padding: 176px 0 0;}
.mcnt3_wrap .tit{text-align: center; margin-bottom: 78px;}
.mcnt3_wrap .tit small{display: block; font-family: "Poppins", sans-serif; font-size: 22px; line-height: 1; color: #283891; letter-spacing: -0.02em; font-weight: 700; margin-bottom: 30px;}
.mcnt3_wrap .tit h4{font-size: 50px; line-height: 70px; letter-spacing: -0.02em !Important; color: #000; font-weight: 700;}
.mcnt3_wrap ul{text-align: center; height: 550px;}
.mcnt3_wrap ul > li{position: relative; flex:1; display: flex; align-items:center; justify-content: center; height: 100%; background: url(../img/main/mcnt3_1.jpg) center / cover no-repeat;}
.mcnt3_wrap ul > li:before{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(40,56,145,0.9); opacity: 0; scale:1 0; transition:.3s;}
.mcnt3_wrap ul > li:hover:before{opacity: 1; scale:1 1;}
.mcnt3_wrap ul > li:nth-child(2){background: url(../img/main/mcnt3_2.jpg) center / cover no-repeat;}
.mcnt3_wrap ul > li:nth-child(3){background: url(../img/main/mcnt3_3.jpg) center / cover no-repeat;}
.mcnt3_wrap ul > li:nth-child(4){background: url(../img/main/mcnt3_4.jpg) center / cover no-repeat;}
.mcnt3_wrap ul > li:nth-child(5){background: url(../img/main/mcnt3_5.jpg) center / cover no-repeat;}
.mcnt3_wrap ul > li .tbx{font-family: "Poppins", sans-serif; margin-top: 20px; position: relative; z-index: 10;}
.mcnt3_wrap ul > li .tbx p{font-size: 16px; line-height: 1; color: rgba(255,255,255,0.6); font-weight: 700; letter-spacing: -0.02em;}
.mcnt3_wrap ul > li .tbx h5{ font-size: 32px; line-height: 1; color: #fff; letter-spacing: -0.02em !important; font-weight: 700; margin: 19px 0 20px;}
.mcnt3_wrap ul > li .tbx a{position: relative; font-size: 14px; line-height: 1; color: #fff; letter-spacing: -0.02em; font-weight: 500; line-height: 44px; opacity: 0; height: 0; overflow: hidden; transition:.3s .3s; width: 150px; margin: 0 auto;}
.mcnt3_wrap ul > li .tbx a:before,  
.mcnt3_wrap ul > li .tbx a:after{position: absolute; content: ''; width: 100%; height: 1px; background: #fff; left: 50%; top: 0;width: 0; transition:.3s;l}
.mcnt3_wrap ul > li .tbx a:after{top: auto; bottom: 0;}
.mcnt3_wrap ul > li:hover .tbx a{height: 46px; opacity: 1; }
.mcnt3_wrap ul > li:hover .tbx a:before,  
.mcnt3_wrap ul > li:hover .tbx a:after{width: 100%; left: 0; }
.mcnt3_wrap ul > li:hover .tbx a:hover{transition:.3s;letter-spacing: 0.2em;}