@charset "utf-8";

.fp-watermark{display: none;}
.fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow > .fp-overflow{overflow: hidden;}
#main{max-width:100%; overflow: hidden;  }
.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:flex-end; padding-bottom: 178px;}
.mcnt1 .item .m_txt p{color: #FFF; font-size: 22px; font-weight: 400; line-height: 34px;  letter-spacing: -0.66px; margin-bottom: 30px; position: relative; top: 30px; transition:.6s; opacity: 0;	filter:blur(5px)}
.mcnt1 .item .m_txt h3{color:rgba(255, 255, 255, 0.80); font-size: 64px; font-weight: 400; line-height: 80px;  letter-spacing: -1.92px; position: relative; top: 50px; transition:.6s .3s; opacity: 0; filter:blur(5px)}
.mcnt1 .item .m_txt h3 span{color: #FFF;  font-weight: 700;line-height: 80px; letter-spacing: -1.92px;}
.mcnt1 .active .item .m_txt *{opacity: 1; filter:blur(0px); top: 0;}
.mcnt1 .mv-controll{position: absolute; left: 50%; translate:-50% 0;bottom: 50px; z-index: 15; display: flex; align-items:center; gap:16px; max-width:1760px; width: 100%;}
.mcnt1 .mv-controll .btn{cursor: pointer; transition:.3s; line-height: 1; }
.mcnt1 .mv-controll .btn:hover{translate:-5px 0;}
.mcnt1 .mv-controll .btn.next:hover{translate:5px 0;}
.mcnt1 .mv-controll .box {display: flex; align-items:center; gap:10px;}
.mcnt1 .mv-controll .box .owl-count{color: #FFF; font-family: "Poppins"; font-size: 16px; font-weight: 600; line-height: 26px;  letter-spacing: -0.48px;}
.mcnt1 .mv-controll .box .dots{display: flex; align-items:center; gap:4px; }
.mcnt1 .mv-controll .box .dots span{width: 4px; height: 4px; border-radius: 50px; background: rgba(255, 255, 255, 0.30); cursor: pointer; transition:.3s;} 
.mcnt1 .mv-controll .box .dots span.current{width: 36px; border-radius: 50px; background: #fff;}
.mcnt1 .scroll-mv{position: absolute; right: 50px; bottom: 50px; z-index: 10;  z-index: 100; cursor: pointer; animation: 1.2s ease 0s infinite normal none running; animation-name:mvScroll;}
@keyframes mvScroll {0% {transform:translateY(0)} 60% {transform:translateY(-21px)} 100% {transform:translateY(0)} }

.mcnt2-warp .mcnt2{display: flex; width: 100%; height: 100vh;}
.mcnt2-warp .mcnt2 > *{width:50%; height: 100%;}
.mcnt2-warp .mcnt2 .lbx{}
.mcnt2-warp .mcnt2 .lbx ul{display: flex; flex-direction: column; transition:.6s; }
.mcnt2-warp .mcnt2 .lbx ul > li{height: 100vh; width: 100%; }
.mcnt2-warp .mcnt2 .lbx ul > li img{width: 100%; height: 100%; object-fit:cover;}
.mcnt2-warp .mcnt2 .rbx {background: #F5F8FB; padding: 0 110px 0 120px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap:44px;}
.mcnt2-warp .mcnt2 .rbx h3{color: #111; font-family: "Poppins"; font-size: 60px; font-weight: 600; line-height: 74px;  letter-spacing: -1.8px;}
.mcnt2-warp .mcnt2 .rbx .flex-box{display: flex; flex-direction: column; gap:10px; width: 100%;}
.mcnt2-warp .mcnt2 .rbx .flex-box > a{display: flex; flex-direction: column; border-radius: 4px 4px 0 0; border-top: 2px solid var(--P-01, #112C88); border-right: 2px solid var(--P-01, #112C88); border-left: 2px solid var(--P-01, #112C88); background: var(--W-100, #FFF); padding: 50px 40px 0px; transition:.3s;}
.mcnt2-warp .mcnt2 .rbx .flex-box > a span{display: flex; gap:20px; color: #112C88; font-family: "Poppins"; font-size: 16px; font-weight: 600; line-height: 26px;  letter-spacing: -0.48px;}
.mcnt2-warp .mcnt2 .rbx .flex-box > a span b{font-weight: 600;}
.mcnt2-warp .mcnt2 .rbx .flex-box > a:nth-child(2) span{color: #B88811;}

.mcnt2-warp .mcnt2 .rbx .flex-box > a h4{color: #333; font-size: 36px; font-weight: 600; line-height: 38px; letter-spacing: -1.08px; margin: 10px 0 28px; padding-left: 35px;}
.mcnt2-warp .mcnt2 .rbx .flex-box > a .wrap{margin-top: -50px; transition:.3s;}
.mcnt2-warp .mcnt2 .rbx .flex-box > a .box{display: flex; flex-wrap:wrap; justify-content: space-between; align-items: flex-end; padding-left: 35px; }
.mcnt2-warp .mcnt2 .rbx .flex-box > a .box p{color: #666; font-size: 20px; font-weight: 400; line-height: 32px;  letter-spacing: -0.6px; opacity: 0; transition:.3s;}
.mcnt2-warp .mcnt2 .rbx .flex-box > a .box .link{display: flex; flex-wrap:wrap; align-items:center; gap:10px; color: #666; font-size: 18px; font-weight: 500; line-height: 28px;  letter-spacing: -0.54px; padding-bottom: 16px; width: 113px; border-bottom: 2px solid #fff;  /*  border-bottom: 2px solid #112C88;  */margin-left: auto;}
.mcnt2-warp .mcnt2 .rbx .flex-box > a .box .link span{display: none;}
.mcnt2-warp .mcnt2 .rbx .flex-box > a .box .link svg{margin-left: auto; transition:.3s; rotate:45deg; position: relative; top: -23px;}

.mcnt2-warp .mcnt2 .rbx .flex-box > a:nth-child(2){border-radius: 4px 4px 0 0; border-top: 2px solid var(--P-02, #B88811); border-right: 2px solid var(--P-02, #B88811); border-left: 2px solid var(--P-02, #B88811); }
.mcnt2-warp .mcnt2 .rbx .flex-box > a:nth-child(3){border-radius: 4px 4px 0 0; border-top: 2px solid var(--P-01, #112C88); border-right: 2px solid var(--P-01, #112C88); border-left: 2px solid var(--P-01, #112C88); }
.mcnt2-warp .mcnt2 .rbx .flex-box > a.current{padding-bottom: 45px;
	.wrap{margin-top: 0; }
	.wrap .box p{opacity: 1;}
	.wrap .box .link {border-bottom: 2px solid #112C88}
	&:nth-child(2) .wrap .box .link{border-bottom: 2px solid #B88811} 
	.wrap .box .link svg{ rotate:0deg;  top: 0;}
	.wrap .box .link span{display: block;}
	
} 

.mcnt3{text-align: center; max-width:1720px; padding: 0 20px; box-sizing: border-box; padding: 40px 20px;}
.mcnt3 h3{color: #111; font-family: "Poppins"; font-size: 60px; font-weight: 600; line-height: 74px; letter-spacing: -1.8px; margin-bottom: 82px;}
.mcnt3 .flex-box{display: flex; flex-wrap:wrap; gap:20px;}
.mcnt3 .flex-box > li{position: relative; flex:1; display: flex; flex-direction: column; justify-content: center; align-items:center; height: 470px; border-radius: 4px; background: #F8F8F8; transition:.3s;  z-index: 10;}
.mcnt3 .flex-box > li:before{position: absolute; border-radius: 4px;content: ''; width: 100%; height: 100%; left: 0; top: 0; background: url(../img/main/mcnt3-bg.png) center / cover no-repeat; opacity: 0;  z-index: -1; transition:.3s;}
.mcnt3 .flex-box > li i{position: relative; width: 70px; height: 70px; margin-bottom: 34px;}
.mcnt3 .flex-box > li i img{position: absolute; left: 50%; top: 50%; translate:-50% -50%; transition:.3s;}
.mcnt3 .flex-box > li i img:last-child{opacity: 0; scale:1.1;}
.mcnt3 .flex-box > li span{color: #112C88; font-size: 22px; font-weight: 600; line-height: 34px;  letter-spacing: -0.66px; transition:.3s;}
.mcnt3 .flex-box > li b{color:  #111;  font-size: 32px; font-weight: 600; line-height: 44px; /* 137.5% */ letter-spacing: -0.96px; margin: 10px 0 16px; transition:.3s;}
.mcnt3 .flex-box > li p{color: #666 ; font-size: 16px; font-weight: 500; line-height: 24px;  letter-spacing: -0.48px; transition:.3s;}
.mcnt3 .flex-box > li:hover{translate:0 -20px; box-shadow: 4px 6px 30px 3px rgba(93, 93, 93, 0.36);
	&:before{opacity: 1; }
	> i img:first-child{opacity: 0; scale:0.8;}
	> i img:last-child{opacity: 1; scale:1;}
	> span{color: rgba(255, 255, 255, 0.70); }
	> b{color: #FFF;}
	> p{color: rgba(255, 255, 255, 0.70);}
}

.mcnt4_wrap{background: url(../img/main/mcnt4-bg.jpg) center / cover no-repeat; }
.mcnt4{text-align: center; height: 640px; display: flex; align-items:center; justify-content: center; }
.mcnt4 .tbx h3{color: #FFF; font-family: "Poppins"; font-size: 60px; font-weight: 600; line-height: 74px;  letter-spacing: -1.8px; margin-bottom: 10px;}
.mcnt4 .tbx p{color: #FFF; font-size: 22px; font-weight: 400; line-height: 34px;  letter-spacing: -0.66px; margin-bottom: 60px;}
.mcnt4 .tbx .link-box > a{display: inline-flex; width: 181px; height: 64px; justify-content: center; align-items: center; color: #FFF; font-size: 18px; font-weight: 600; line-height: 28px;  letter-spacing: -0.54px; border-radius: 80px; background: #112C88; transition:.3s;}
.mcnt4 .tbx .link-box > a:hover{background: #333;}

.fp-nav,
#fp-nav.fp-right{display: none !important; }

#main{-ms-overflow-style: none;}
#main::-webkit-scrollbar {display: none;}