@charset "utf-8";
#main{max-width:100%; overflow: hidden; max-width:1920px; }
.mcnt1{overflow: hidden; position: relative;width: 100%; max-width:100%;  height: 943px; transition:.3s; }
.mcnt1 .item{width: 100%; height: 943px; position: relative; overflow: hidden; }
.mcnt1 .item .mv_img{width: 100%; height: 100%;}
.mcnt1 .item .mv_img img{width: 100%; height: 100%; object-fit:cover; transition:2.2s;} 
.mcnt1 .active .mv_img img{transform:scale(1.05) rotate(.001deg); }
.mcnt1 .m_txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%;  align-items:center; box-sizing: border-box;  }
.mcnt1 .m_txt .box {display: flex; align-items: flex-start; justify-content: center; width: 100%; height: 100%;  	flex-direction: column; padding-top: 0; text-align: left; padding-left: 108px;}
.mcnt1 .m_txt .box h3{position: relative; opacity: 0; filter:blur(10px); transition:.4s; top: 30px; margin-bottom: 55px;}
.mcnt1 .m_txt .box h3 img{width: auto !Important; }
.mcnt1 .m_txt .box p{font-size: 25px; line-height: 40px; color: #040f25; letter-spacing: -0.01em; font-weight: 400; ; position: relative; opacity: 0; filter:blur(10px); transition:.4s .4s; top: 30px; margin-left: 4px;}
.mcnt1 .active .m_txt .box h3,
.mcnt1 .active .m_txt .box p{opacity: 1;  top: 0; filter:blur(0px); }
.mcnt1 .owl-dots{display: none;}
.mv-controll{position: absolute; left: 50%; margin-left: -755px;bottom: 158px; z-index: 100; display: flex; align-items: center; gap:18px }
.mv-controll .num-box{display: flex; flex-wrap:wrap; font-size: 16px; line-height: 1; letter-spacing: -0.025em; color: #040f25; font-family: 'Sofia Pro Medium'; gap:0 3px}
.mv-controll .line-bar{position: relative; width: 270px; height: 5px; border-radius: 3px; background: #fff; overflow: hidden; }
.mv-controll .line-bar i{position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: #fd8104; animation: 8s ease 0s infinite normal none running; animation-timing-function : linear; animation-name:mvBar;}
@keyframes mvBar {0% {width:0px} 100% {width:100%}  }
.mv-controll .line-bar.stop i{animation-name:none;}
.mv-controll .mv-bt{position: relative; width: 10px; height: 13px;  margin-left: -7px;}
.mv-controll .mv-bt span{line-height: 0; cursor: pointer; position: absolute; z-index: 10; opacity: 1; z-index: 0; line-height: 0; left: 0; top: 0;}
.mv-controll .mv-bt span img{line-height: 0;}
.mv-controll .mv-bt span:last-child{}
.mv-controll .mv-bt span.on{opacity: 0; z-index: -1;}
.main-tit small{position: relative; display: inline-block; font-size: 16px; letter-spacing: -0.01em; font-weight: 700; color: #000; padding-top: 2px; margin-left: 10px;}
.main-tit small:before{position: absolute; content: ''; width: 41px; height: 2px; background: #000; left: 0; top: 0;}
.main-tit h4{font-size: 61px; line-height: 1; letter-spacing: -0.01em; font-weight: 600; margin-top: 20px;}
.mcnt-bg-box{background: url(../img/main/mcnt2-bg.jpg) center / cover no-repeat; }
.mcnt2-wrap{padding-top: 172px; padding-bottom: 120px; border-radius: 50px 50px 0 0;	overflow: hidden; margin-top: -38px; position: relative; z-index: 100;}
.mcnt2-wrap:before{position: absolute; content: ''; width: 100%; height: 337px; background: #e4e4e4; left: 0; bottom: 0;}
.mcnt2-wrap .main-tit{padding-left: 50px;}
.mcnt2-swiper{position: relative; margin-top: -60px;}
.mcnt2-swiper .swiper-container{margin: 0 -50px; overflow: visible;}
.mcnt2-swiper .swiper-slide a{text-align: center;}
.mcnt2-swiper .swiper-slide a figure{scale:0.751; transition:.3s; transform-origin: bottom left; overflow: hidden; border-radius: 30px;}
.mcnt2-swiper .swiper-slide a figure img{transition:.3s; border-radius: 30px;}
.mcnt2-swiper .swiper-slide:hover a figure img{scale:1.05; }
.mcnt2-swiper .swiper-slide.swiper-slide-active a figure{scale:1; transition:.3s; transform-origin: bottom center;}
.mcnt2-swiper .swiper-slide.swiper-slide-prev a figure{transform-origin: bottom center;}
.mcnt2-swiper .swiper-slide.swiper-slide-next a figure{transform-origin: bottom center;}
.mcnt2-swiper .swiper-slide a .tbx{font-size: 25px; line-height: 1.5; letter-spacing: -0.01em; color: #000; font-weight: 600; padding: 15px 10px;}
.mcnt2-btn{position: absolute; right: 57px; top: 25px; z-index: 105; display: flex;  gap:28px; }
.mcnt2-btn .swiper-button-prev, .swiper-button-next{position: static; margin: 0; padding: 0; width: 72px; height: 72px; box-sizing: border-box; border: 1px solid #565656; border-radius: 50%; align-content:center; text-align: center; background: none !important; line-height: 0; transition:.3s;}   
.mcnt2-btn .swiper-button-prev img, .mcnt2-btn .swiper-button-next img{line-height: 0; transition:.3s;}
.mcnt2-btn .swiper-button-prev:hover{background: #fb5d00 !important; border: 1px solid #fb5d00;}
.mcnt2-btn .swiper-button-next:hover {background: #fb5d00 !important; border: 1px solid #fb5d00;}
.mcnt2-btn .swiper-button-prev:hover img{/* translate:-5px 0; */     filter: brightness(10);}
.mcnt2-btn .swiper-button-next:hover img{/* translate:5px 0; */     filter: brightness(10);}
.mcnt3{display: flex; /* flex-wrap:wrap;  */padding-top: 213px; padding-bottom: 200px;}
.mcnt3 .main-tit{max-width:354px; padding-top: 20px; padding-left: 30px; box-sizing: border-box;}
.mcnt3 .main-tit small:before{width: 29px;}
.mcnt3 .mcnt3-cnt{display: flex; /* flex-wrap:wrap;  */flex:1; gap:63px; }
.mcnt3 .mcnt3-cnt > a{box-sizing: border-box; box-shadow:0px 0px 10px rgba(0,0,0,0.1); flex:1; text-align: center; padding: 49px 53px 70px; background: #fff; transition:.3s;}
.mcnt3 .mcnt3-cnt > a:hover{translate:0 -5%; }
.mcnt3 .mcnt3-cnt > a small{display: inline-block; 	background: #fd8001; border-radius: 50px; font-size: 25px; line-height: 39px; padding: 0 19px; color: #fff; font-weight: 500;}
.mcnt3 .mcnt3-cnt > a h5{font-size: 43px; line-height: 1.5; letter-spacing: -0.01em; color: #000; font-weight: 700; margin: 15px 0 19px;}
.mcnt3 .mcnt3-cnt > a  .p-box{height: 122px;}
.mcnt3 .mcnt3-cnt > a p{text-align: left; font-size: 18px; line-height: 1.3; letter-spacing: -0.032em; color: #8a8a8a;  word-break: break-all;}
.mcnt3 .mcnt3-cnt > a p br{display: none;}
.mcnt3 .mcnt3-cnt > a figure{overflow: hidden; }
.mcnt3 .mcnt3-cnt > a figure img{transition:.3s; border-radius: 10px;} 










