@charset "utf-8";
main .main-visual{overflow: hidden; position: relative;  max-height:100dvh;  transition:.3s; overflow: hidden; width: 100%; }
main .main-visual .mv_owl { height: 100%; overflow: hidden;}
main .main-visual .mv_owl .item{width: 100%; height: 100%; position: relative; overflow: hidden;  overflow: hidden; height: 100%; }
main .main-visual .mv_owl .item .mv_img{width: 100%; height: 100%;  ; overflow: hidden;}
main .main-visual .mv_owl .item .mv_img video{ /* transition:1.2s .2s;  */width: 100%; height: 100%; object-fit:cover;/*  scale:1.05; */ }
main .main-visual .mv_owl .active .item .mv_img video{scale:1; }
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; padding-bottom: 104px;}
main .main-visual .mv_owl .m_txt p{font-size: 55px; line-height: 78px; color: rgba(255,255,255,0.6); letter-spacing: -0.02em; position: relative; font-weight: 600; top: 30px; opacity: 0; filter: blur(5px); transition:.5s .6s; }
main .main-visual .mv_owl .m_txt p.p2{color: #fff; transition:1s .6s;}
main .main-visual .mv_owl .mv03 .m_txt{text-align: center;}
main .main-visual .mv_owl .active .m_txt p{opacity: 1; filter: blur(0px); top: 0;}
main .main-visual .owl-nav{display: none;}
main .mv-btn-box{position: absolute;  bottom: 49px; z-index: 10; max-width:1800px; width: 100%; padding: 0 20px; left: 50%; translate:-50% 0; display: flex; flex-wrap:wrap; gap:0 50px; flex-direction: column; }
main .mv-btn-box .box{position: relative; display: flex; flex-wrap:wrap; width: 142px; justify-content: space-between; margin-bottom: 22px;}
main .mv-btn-box .owl-btn-bt{position: relative; display: inline-flex; align-items:center;font-size: 13px; line-height: 1; letter-spacing: -0.02em; color: #fff; font-weight: 400; gap:10px; cursor: pointer;}
main .mv-btn-box .owl-btn-bt i{line-height: 0;}
main .mv-btn-box .owl-btn-bt b{font-weight: 400;}
main .mv-btn-box .progress-box{position: relative; width: 60px; height: 2px; background: rgba(255,255,255,0.4); margin-top: 5px;}
main .mv-btn-box .progress-box span{position: absolute; left: 0; top: 0; width: 0%; height: 2px; left: 0; top: 0; background: #fff; animation: 4s ease 0s infinite normal none running; animation-name:roll; animation-timing-function : linear;}
.main-scroll{position: absolute; left: 50%; bottom: 51px; margin-left: -13px; z-index: 1005; cursor: pointer; animation: 1.2s ease 0s infinite normal none running; animation-name:mvScroll;}
@keyframes roll {0% {width: 0;} 100% {width: 100%;} }
@keyframes mvScroll {0% {transform:translateY(0)} 60% {transform:translateY(-20px)} 100% {transform:translateY(0)} }
.main-title{text-align: center; }
.main-title small{font-family: "Montserrat", sans-serif; display: inline-block; 	font-size: 25px; line-height: 1.5; letter-spacing: -0.02em; font-weight: 700; background: rgb(17,48,99); background: linear-gradient(344deg, rgba(17,48,99,1) 0%, rgba(26,101,143,1) 59%, rgba(71,169,196,1) 100%); background-clip: text;-webkit-background-clip: text; color: transparent; margin-bottom: 12px;}
.main-title h4{font-size: 55px; line-height: 1.5; letter-spacing: -0.02em; color: #111; font-weight: 700;}
.main-business{padding-top: 152px;}
.mcnt2-cnt{display: flex;   gap:1px; margin-top: 55px;}
.mcnt2-cnt > li{position: relative; flex:1; height: 980px; transition:.6s; z-index: 10; }
.mcnt2-cnt > li figure{position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%;}
.mcnt2-cnt > li figure img{ width: 100%; height: 100%; object-fit:cover;}
.mcnt2-cnt > li .tbx {height: 100%; align-content:center;	 text-align: center;}
.mcnt2-cnt > li .tbx > h5{font-size: 40px; line-height: 1.5; letter-spacing: -0.02em; color: #fff; font-weight: 600; margin-bottom: 50px; transition:.6s;  word-break: keep-all;}
.mcnt2-cnt > li .tbx > p{font-size: 18px; line-height: 30px; letter-spacing: -0.03em; color: rgba(255,255,255,0.7); overflow: hidden; transition:.6s;  height: 0;}
.mcnt2-cnt > li .tbx .link-box > a{display: flex; align-items:center; justify-content: center; margin: 0 auto; width: 60px; height: 60px; box-sizing: border-box; border-radius: 50%; align-content:center; overflow: hidden; background: rgba(255,255,255,0.2); overflow: hidden;  transition:.3s;}
.mcnt2-cnt > li .tbx .link-box > a p{font-size: 0px; line-height: 1; letter-spacing: -0.03em; color: #fff; width: 0; height: 0; transition:0s;}
.mcnt2-cnt > li:hover{flex:2.7;
	.tbx > h5{margin-bottom: 0;}
	.tbx > p{height: 90px; margin: 20px 0 38px;}
	&:nth-child(1) 	.tbx > p{height: 60px; }
}
.mcnt2-cnt > li .tbx .link-box > a:hover{width: 150px; border-radius: 50px; background: #113063; gap:15px;
	p{font-size: 16px; width: auto; height: auto; transition:.3s;}
}

.mcnt3{position: relative; }
.mcnt3 .mcnt3-logo{position: absolute;  width: 260px; height: 72px; left: 50%; /* top: 223px; */top: 23%; margin-left: -130px; z-index: 10;}
.mcnt3 .mcnt3-logo img{position: absolute; left: 0; top: 0; }
.mcnt3 .mcnt3-logo img.on{opacity: 0;}
.mcnt3 .mcnt3-cnt {position: relative; clip-path: circle(14% at 50% 56%);;}
.mcnt3 .mcnt3-cnt .content-box{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; align-content:center; text-align: center;}
.mcnt3 .mcnt3-cnt .content-box small{font-family: "Montserrat", sans-serif; display: block; font-size: 25px; line-height: 1; letter-spacing: -0.02em; font-weight: 700; color: #fff; position: relative; top: 115px;}
.mcnt3 .mcnt3-cnt .content-box h5{font-size: 48px; line-height: 1; letter-spacing: -0.02em; color: #fff; font-weight: 700; opacity: 0; position: relative; top:120px; margin-bottom: 20px;}
.mcnt3 .mcnt3-cnt .content-box p{font-size: 18px; line-height: 30px; letter-spacing: -0.02em; color: rgba(255,255,255,0.7); opacity: 0; position: relative; top:120px}
.mcnt3 .mcnt3-cnt .mcnt3_owl,
.mcnt3 .mcnt3-cnt .mcnt3_owl .item,
.mcnt3 .mcnt3-cnt .mcnt3_owl .item .mv_img{height: 100%;}
.mcnt3 .mcnt3-cnt .mcnt3_owl .item .mv_img img{width: 100%; height: 100%; object-fit:cover}
.mcnt3 .mcnt3-cnt .col4-box{position: absolute; max-width:1200px; width: 100%; left: 50%; top: 712px; z-index: 10; margin-left: -600px; opacity: 0;}
.mcnt3 .mcnt3-cnt .col4-box ul{display: flex; flex-wrap:wrap; width: 100%; text-align: center;}
.mcnt3 .mcnt3-cnt .col4-box ul > li{flex:1; }
.mcnt3 .mcnt3-cnt .col4-box ul > li figure{position: relative; width: 180px; height: 180px; border-radius: 50%; line-height: 0; align-content:center; text-align: center; background: rgba(255,255,255,0.05); margin: 0 auto; transition:.3s; top: 0;}
.mcnt3 .mcnt3-cnt .col4-box ul > li:hover figure{top: -30px;}
.mcnt3 .mcnt3-cnt .col4-box ul > li figure:after{position: absolute; content: ''; width: 100%; height: 100%; border-radius: 50%; border: 7px solid rgba(255,255,255,0.1); left: 0; top: 0; box-sizing: border-box;}
.mcnt3 .mcnt3-cnt .col4-box ul > li p{font-size: 26px; line-height: 38px; letter-spacing: -0.02em; color: #fff; font-weight: 600; margin-top: 32px;}
.mcnt3-btn-box{opacity: 0;}
.mcnt3-btn-box > *{position: absolute; top: 50%; left: 160px; margin-top: -31px; z-index: 500; cursor: pointer; transition:.3s; opacity: 0.5;}
.mcnt3-btn-box > *:hover{opacity: 1;}
.mcnt3-btn-box > .next_bt{left: auto; right: 160px;}
.mcnt3 .owl-nav{display: none;}
.mcnt4{max-width:100%; overflow: hidden; background: #061428; padding: 156px 0 180px;}
.mcnt4 .simply-scroll{margin-top: 76px;}
.mcnt4 .simply-scroll,
.mcnt4 .simply-scroll .simply-scroll-clip{width: 100% !Important; height: 582px !important;}
.mcnt4 .certificate {border-top: 1px solid #353c45; border-bottom: 1px solid #353c45;}
.mcnt4 .certificate > li{float: left; width: 430px; height: 580px !important; padding: 49px; box-sizing: border-box; border-right: 1px solid #353c45;}
.mcnt4 .certificate > li:last-child{border-right: 0;}
.mcnt4 .link-box{margin-top: 60px;}
.mcnt4 .link-box > a{margin: 0 auto; display: flex;  gap:20px; align-items:center; justify-content: center; width: 270px; height: 70px; border: 2px solid #ddd; box-sizing: border-box; border-radius: 50px; font-size: 18px; line-height: 1; letter-spacing: -0.03em; color: #fff; font-weight: 600;}
.mcnt4 .link-box > a i{ transition:.3s;}
.mcnt4 .link-box > a:hover i{translate:5px 0}
.mcnt5{padding: 150px 0 80px;}
.mcnt5 .partner-wrap{margin-top: 88px;}
.mcnt5 .partner-wrap .simply-scroll,
.mcnt5 .partner-wrap .simply-scroll-clip{width: 100% !important; height: 120px !Important;}
.mcnt5 .partner-wrap  ul{width: 100%; }
.mcnt5 .partner-wrap  ul > li{text-align: center; width: auto !important; margin: 0 45px ;}
.mcnt5 .partner-wrap  ul > li img{display: block; margin: 0 auto;}
.mcnt6 {margin-bottom: 200px;}
.mcnt6 .main-title{margin-bottom: 64px;}
.mcnt6 .cnt-wrap{display: flex; flex-direction: column; gap:90px;}	
.mcnt6 .box{display: flex; flex-wrap:wrap; }
.mcnt6 .box > *{width: 50%; box-sizing: border-box;}
.mcnt6 .box > figure{overflow: hidden; transition:.6s;}
.mcnt6 .box > .tbx{padding-left: 100px; align-content:center; padding-bottom: 26px;}
.mcnt6 .box > .tbx ul > li > a{display: flex; align-items: center; justify-content: space-between; font-size: 32px; font-weight: 500; color: #111; height: 110px; border-bottom: 1px solid #ddd;    box-sizing: border-box; padding-bottom: 10px; padding-right: 30px;}
.mcnt6 .box > .tbx ul > li > a i{position: relative; transition:.3s; top: 10px;}
.mcnt6 .box > .tbx ul > li:hover > a i{top: 0;}
.mcnt6 .box > .tbx .link-box{display: flex; justify-content: flex-end; margin-top: 65px; margin-right: 20px;}
.mcnt6 .box > .tbx .link-box > a{display: flex; align-items:center; justify-content: center; gap:24px; width: 220px; height: 70px; box-sizing: border-box; border: 2px solid #111; border-radius: 50px; font-size: 18px; font-weight: 600; letter-spacing: -0.03em; color: #111; transition:.3s;}
.mcnt6 .box > .tbx .link-box:hover > a{gap:30px}
.mcnt6 .box:nth-child(even){flex-direction: row-reverse;}
.mcnt6 .box:nth-child(even) > .tbx{align-content:start; padding-left: 0; padding-right: 100px; padding-bottom: 0; padding-left: 20px;}
.mcnt6 .box:nth-child(even) > .tbx ul > li > a{padding-right: 0;}
.mcnt6 .box:nth-child(even) > .tbx .link-box{margin-right: 0px;}
.mcnt6 .box:hover > figure{border-radius: 400px;}














