@charset "utf-8";
/* mv */
main .main-visual{ position: relative; height: 912px;  transition:.3s; overflow: hidden; width: 100%;}
main .main-visual .mv_owl .owl-item{height: 912px; 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; position: relative;}
main .main-visual .mv_owl .item .mv_img img{width: 100%; height: 100%; object-fit:cover; transition:1.2s;}
main .main-visual .mv_owl .active .item .mv_img img{scale:1.02;}
main .main-visual .mv_owl .m_txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items:flex-end;  box-sizing: border-box;  z-index: 15; text-align: left;}
main .main-visual .mv_owl .m_txt .box{max-width:1618px; margin: 0 auto; width: 100%; align-content:center; padding: 0 20px; padding-bottom: 256px; box-sizing: border-box;}
main .main-visual .mv_owl .m_txt .box img{max-width:100%; width: auto;}
main .main-visual .mv_owl .m_txt h3{color: #FFF; font-size: 56px; font-weight: 700; line-height: 120%; position: relative; opacity: 0; transition:.6s .3s; translate:0 50px; }
main .main-visual .mv_owl .m_txt h3 span{color: #E29B9F; font-weight: 700; line-height: 120%;}
main .main-visual .mv_owl .m_txt p{color: #FFF;font-size: 24px;font-weight: 600;line-height: 140%; /* 33.6px */ margin: 15px 0; ; position: relative; opacity: 0; transition:.6s .6s; translate:0 50px;}
main .main-visual .mv_owl .m_txt .link-box {margin-top: 50px;  position: relative; opacity: 0; transition:.6s .9s; translate:0 50px;}
main .main-visual .mv_owl .m_txt .link-box > a{display: inline-flex; padding: 14px 28px; justify-content: center; align-items: center; gap: 10px; color: #FFF;text-align: center;font-size: 20px;font-weight: 600;line-height: 160%; /* 32px */ border-radius: 100px; background: #67A6D0;}
main .main-visual .mv_owl .m_txt .link-box > a i{transition:.3s;}
main .main-visual .mv_owl .m_txt .link-box > a:hover i{translate:5px 0}
main .main-visual .mv_owl .mv02 .m_txt p{color: #FFF;font-size: 28px;font-weight: 700;line-height: 140%; /* 39.2px */ margin-bottom: 15px; transition:.6s .3s;}
main .main-visual .mv_owl .mv02 .m_txt h3{color: #FFF; font-size: 60px; font-weight: 700; line-height: 120%;  transition:.6s .6s;}
main .main-visual .mv_owl .mv02 .m_txt .link-box{margin-top: 40px;}
main .main-visual .mv_owl .mv02 .m_txt .link-box > a{background: #EB7980; width: 268px; transition:.3s;}
main .main-visual .mv_owl .mv02 .m_txt .link-box > a:hover{background: #000;}

main .main-visual .mv_owl .active {
	.m_txt h3,
	.m_txt p,
	.m_txt .link-box{opacity: 1; translate:0 0;}
}

main .main-visual .owl-dots {position: absolute; left: 50%;  bottom: 60px; display: flex; gap:14px; align-items:center; translate:-50% 0;}
main .main-visual .owl-dots > *{width: 76px; height: 6px; border-radius: 100px; background: #515151; transition:.3s;} 
main .main-visual .owl-dots > *.active{background: #3688C2;	}




.main-tit{text-align: center;}
.main-tit h3{position: relative; color: #000; font-size: 50px; font-weight: 700; line-height: 140%; padding-top: 33px; }
.main-tit h3:before{position: absolute;content: ''; width: 50px; height: 12px; background: url(/user_root/img/main/main-tit.png) center no-repeat;top: 0; left: 50%; z-index: 1; margin-left: -25px;}

.mcnt2{position: relative; padding-top: 198px; padding-bottom: 100px; overflow: hidden; z-index: 10;}
.mcnt2:before{position: absolute; content: ''; width: 100%; height: 546px; background: #2C84C3; left: 0; bottom: 0;}

.mcnt2 .slider-box .slick-list{overflow: visible;}
.mcnt2 .slider-box{position: relative; padding: 0 96px; margin-top: 40px;}
.mcnt2 .slider-box:before{position: absolute; content: ''; width: 100%; height: 57px; background: url(/user_root/img/main/mcnt2-shadow.png) center bottom no-repeat; left: 0; bottom: -30px;}
.mcnt2 .slider-box .item-box{position: relative; border-radius: 32px; overflow: hidden; cursor: pointer; }
.mcnt2 .slider-box .item-box{scale:0.64; transition:.4s; filter:blur(5px);  pointer-events: none;}
.mcnt2 .slider-box .item-box:before{position: absolute; content: ''; width: 100%; height: 44%;  background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(36, 28, 20, 0.8) 53%); left: 0; bottom: 0; z-index: 10; transition:.3s;}
.mcnt2 .slider-box .item-box figure{position: relative; border-radius: 32px; }
.mcnt2 .slider-box .item-box figure img{width: 100%; height: auto;}
.mcnt2 .slider-box .item-box .tbx{position: absolute;  width: 100%; height: 100%; z-index: 100; left: 0; top: 0; display: flex; justify-content: flex-end;  flex-direction: column; padding: 40px; transition:.3s; opacity: 0;}
.mcnt2 .slider-box .item-box .tbx span{color: #E29B9F;font-size: 28px;font-weight: 700;line-height: 140%; }
.mcnt2 .slider-box .item-box .tbx p{color: #FFF; font-size: 32px; font-weight: 700; line-height: 140%;}
.mcnt2 .slider-box .slick-arrow {position: absolute; z-index: 1000; left: -96px; top: 50%; width: 56px; height: 56px; border-radius: 50%; background:  rgba(255,255,255, 0.94) url(/user_root/img/main/mcnt2-prev.png) center no-repeat !important; box-shadow:0 0 20px rgba(0,0,0,0.25);  font-size: 0; border: none;}
.mcnt2 .slider-box .slick-arrow.slick-next{background:  rgba(255,255,255, 0.94) url(/user_root/img/main/mcnt2-next.png) center no-repeat !important; left: auto; right: -96px; }
.mcnt2 .slider-box .slick-arrow  span{display: none;}
.mcnt2 .slider-box .owl-stage-outer{overflow: visible;}
.mcnt2 .slider-box .slick-current .item-box{scale:1; filter:blur(0px); pointer-events: auto;}
.mcnt2 .slider-box .slick-current .item-box .tbx{opacity: 1;}

.mcnt2 .thum-slider{padding-top: 40px;}
.mcnt2 .thum-slider img{max-width:100%; width: auto;}
.mcnt2 .thum-slider .thum-slide-items {text-align: center; cursor: pointer; transition:.3s; padding-top: 12px;}
.mcnt2 .thum-slider .thum-slide-items figure{display: flex; width: 90px; height: 90px; justify-content: center; align-items: center; border-radius: 32px; background: rgba(255,255,255,0.1); margin: 0 auto; transition:.3s;}
.mcnt2 .thum-slider .thum-slide-items .tbx{margin-top: 8px; color: #FFF;font-size: 18px;font-weight: 600;line-height: 160%; /* 28.8px */ word-break: keep-all;}
.mcnt2 .thum-slider .thum-slide-items .tbx p{word-break: keep-all;}

.mcnt2 .cate-btn .owl-nav{display: none;}

.mcnt2 .thum-slider .thum-slide-items{
	&.slick-current figure{background: #1858A7; translate:0 -12px; }
	&:hover figure{background: #1858A7; translate:0 -12px;}
	}




.slide-box,
.slide-box-r{
  overflow:hidden;
}

.flow-track{
gap:20px;
  display:flex;
  width:max-content;
  will-change: transform;
  
}

.flow-track ul{
  display:flex;
}





.mcnt3{max-width:100%; overflow: hidden; padding: 180px 0 196px;}
.mcnt3 big{}
.mcnt3 big img{opacity: 0; position: relative; left: 100%;}
.mcnt3 .flex{display: flex; flex-wrap:wrap; gap:36px; margin-top: 180px;}
.mcnt3 .flex .box{flex:1; display: flex; flex-direction: column; align-items:center;  border-radius: 32px; background: #F5F5F5; height: 498px; text-align: center; padding: 79px 82px 66px;}
.mcnt3 .flex .box figure{display: flex; align-items:center; justify-content: center; height: 120px; }
.mcnt3 .flex .box .tbx p{color: #000; font-size: 24px; font-weight: 600; line-height: 140%; word-break: break-all; margin: 32px 0 39px;} 
.mcnt3 .flex .box .tbx b{display: flex; align-items:center; justify-content: center; color: #3688C2; font-size: 50px; font-weight: 700; line-height: 140%; }
.mcnt3 .flex .box .tbx b span{font-family: 'Montserrat'; font-size: 86px; font-weight: 800; line-height: 54px; }
.mcnt4 {max-width:100%; overflow: hidden; background: #F6F6F6; padding: 160px 0 200px;}
.mcnt4 .slide-wrap {display: flex; flex-direction: column; gap:20px; margin-top: 100px;}
.mcnt4 .slide-wrap .slide-box{overflow: hidden;width: 100%; display: flex; gap:20px;}
.mcnt4 .slide-wrap .slide-box ul{display: flex;gap: 20px;width: max-content;will-change: transform;}
.mcnt4 .slide-wrap .slide-box ul > li > a{position: relative; border-radius: 20px; overflow: hidden;  display: block; width: 100%; height: 100%;}
.mcnt4 .slide-wrap .slide-box ul > li > a .tbx{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex;     align-items: flex-end;  background: rgba(28, 117, 188, 0.8); box-sizing: border-box;		padding: 24px; transition:.3s; opacity: 0;}
.mcnt4 .slide-wrap .slide-box ul > li > a .tbx p{color: #FFF;font-size: 28px;font-weight: 700;line-height: 140%; /* 39.2px */}
.mcnt4 .slide-wrap .slide-box ul > li:hover > a .tbx{opacity: 1;}

.mcnt5{background: url(/user_root/img/main/mcnt5-bg.jpg) center / cover no-repeat; height: 600px; box-sizing: border-box; }
.mcnt5 .wrap2{display: flex; height: 100%; align-items:center; justify-content: center; text-align: center; padding-top: 40px;}
.mcnt5 .wrap2 .tbx p{color: #FFF;font-size: 50px;font-weight: 700;line-height: 140%; /* 70px */  margin-bottom: 40px;}
.mcnt5 .wrap2 .tbx .link-box > a{border-radius: 100px;background: #EB7980; display: flex;width: 268px; height: 56px; justify-content: center; align-items: center; color: #FFF;font-size: 20px;font-weight: 600;line-height: 160%; /* 32px */ margin: 0 auto; transition:.3s;}
.mcnt5 .wrap2 .tbx .link-box > a:hover{background: #000;}

.main-pop-wrap{position: fixed; left: 0; top: 0; width: 100%; height: 100%;	z-index: 20005; background: rgba(0, 0, 0, 0.50); display: none;}
.main-pop{position: fixed; left: 50%; top: 50%; translate:-50% -50%; width: 576px; height: 250px; gap:32px; padding: 32px 36px 32px 32px; box-sizing: border-box; border-radius: 20px; background: #FFF; display: flex; flex-wrap:wrap; align-items:center; z-index: 20008; display: none;}
.main-pop .close {position: absolute; right: 16px; top: 16px; cursor: pointer; }
.main-pop .close img{transition:.3s;}
.main-pop .close:hover img{rotate:90deg;}
.main-pop .tbx{flex:1; }
.main-pop .tbx .tit{color: #222; font-size: 22px; font-weight: 600; line-height: 160%; margin-bottom: 8px; }
.main-pop .tbx ol{margin-bottom: 24px;}
.main-pop .tbx ol > li {color: #666;font-size: 16px;font-weight: 500;line-height: 160%; /* 25.6px */}
.main-pop .tbx .btn-box{display: flex; gap:12px; width: 100%;}
.main-pop .tbx .btn-box a{flex:1; border-radius: 8px; border: 1px solid #3688C2; display: flex; justify-content: center; align-items: center; color: #3688C2; font-size: 18px; font-weight: 600; line-height: 160%; height: 41px; transition:.3s;}
.main-pop .tbx .btn-box a:hover{background: #f4f4f4;}
.main-pop .tbx .btn-box a:first-child{background: #3688C2; color: #fff;}
.main-pop .tbx .btn-box a:first-child:hover{background: #000;}