@charset "utf-8";
/* Main Visual */

.mv_sec{overflow: hidden; position: relative;width: 100%; height: 100vh; max-width:}
.mv_sec .item{width: 100%; height: 100vh; position: relative; overflow: hidden; }
.mv_sec .item .mv_img{position: absolute; left: 0; top: 0; width: 100%; height: 100vh; overflow: hidden !important; z-index: -1; }
.mv_sec .item .mv_img img{position: absolute; transition:3s;  transform:translate(-50%, -50%) scale(1.6); left: 50%; top: 50%; height: auto; width: auto; min-width: 100%;min-height: 100%;max-width:10000%}
.mv_sec .active .mv_img img{transform:translate(-50%, -50%) scale(1.4) rotate(.001deg); }

.mv_sec .item .mv_img video{position: absolute; width: 120%; height: 130vh; left: -10%; top: -13vh;}
.mv_sec .m_txt{margin-top: 19vw; color: #fff; text-align: left; } 
.mv_sec .m_txt p{  position: relative; font-size: 70px; line-height: 1.15; font-weight: 700; top:0px; right:-1200px; opacity: 0; transition:2s; letter-spacing: -0.03em; color: #fff;}
.mv_sec .m_txt h2{position: relative; font-size:23px; line-height: 1.4; font-weight: 500; top:50px; opacity: 0; transition:1s .5s; letter-spacing: -0.03em; margin: 20px 0 37px; margin-left:10px;}
.mv_sec .mv04 .m_txt h2 {font-size: 70px; font-weight: 700; margin-left: 0;}
.mv_sec .m_txt span{position: relative; display: block; font-size:	18px; line-height: 1; top: 30px; opacity: 0; transition:.6s 1.2s;  letter-spacing: -0.03em; }
.mv_sec .active .m_txt p {opacity: 1; right: 0;} 
.mv_sec .active .m_txt h2,
.mv_sec .active .m_txt span{opacity: 1; top:0;}
.mv_sec .m_txt figure{position: relative; top: 30px; margin-top: 45px; opacity: 0; transition:.6s 1.5s; }
.mv_sec .m_txt figure img{width: auto; box-shadow:0px 0px 20px rgba(0,0,0,0.1)}
.mv_sec .active .m_txt figure{top: 0; opacity: 1;}

.mv_sec .owl-dots {max-width:1400px; width: 100%; margin:0 auto; position: absolute; left: 50%; transform:translate(-50.8%,0); bottom: 110px;}
.mv_sec .owl-dots button {margin-right:20px; background: none;}
.mv_sec .owl-dots button:last-child {margin-right: 0;}
.mv_sec .owl-dots span {position: relative; display:block; width: 6px; height: 80px;  transition:.3s; }


.mv_sec .owl-dots span:before {position: absolute; content: '';display:block; width: 6px; height: 20px; background: #fff; transition:.3s; left: 0; bottom: 0;}
.mv_sec .owl-dots span:after { font-family: 'Montserrat'; position: absolute; top: -34px; left: -3px; content: '01'; transition:.3s; opacity: 0; font-size: 14px; font-weight: 700; color: #f53024; transform:rotate(-90deg);}
.mv_sec .owl-dots .owl-dot:nth-child(1) span:after {content: '01';}
.mv_sec .owl-dots .owl-dot:nth-child(2) span:after {content: '02';}
.mv_sec .owl-dots .owl-dot:nth-child(3) span:after {content: '03';}
.mv_sec .owl-dots .owl-dot:nth-child(4) span:after {content: '04';}
.mv_sec .owl-dots .owl-dot:nth-child(5) span:after {content: '05';}
.mv_sec .owl-dots span:hover:after{opacity: 1;}
.mv_sec .owl-dots .owl-dot.active span:after {opacity: 1;}

.mv_sec .owl-dots span:hover:before {background: #f53024; width: 1px; height: 80px; left: 3px;} 
.mv_sec .owl-dots .owl-dot.active span:before {background: #f53024; width: 1px; height: 80px; left: 3px;}




.main_scroll {position: absolute; right: 100px; bottom: 60px; z-index: 100; animation: 3s ease 0s infinite normal none running; animation-name:ico_Move; cursor: pointer;}
.main_scroll img{width: auto; }
@keyframes ico_Move {0% {bottom: 45px; } 50% {bottom: 60px; } 100% {bottom:45px}}

/*common*/
.main_title {font-size: 55px; line-height: 1.4; font-weight: 700; color: #111; text-align: center; position: relative; padding-top: 14px; margin-bottom: 50px;}
.main_title:before {content: ''; display: block; position: absolute; left: 50%; top: 0; transform:translate(0,-50%); width: 24px; height: 18px; background: url(../../images/main/main_title.png) center no-repeat; background-size:100%;}
.main_title2 {color: #fff; text-align: left; margin-bottom: 10px; }
.main_title2:before {background: url(../../images/main/main_title2.png) center no-repeat; left: 0; transform:translate(0,0); background-size:100%;}
.main_sub_title {color: #fff; font-size: 20px;}

/* mcnt1 */
.main_wrap .section2  {background: url(../../images/main/mcnt1_bg.jpg) center no-repeat;}
.mcnt1 ul {display:flex; width: 100%; height: 410px; border-radius:7px 7px 0 7px; border:1px solid #ddd; box-sizing:border-box; box-shadow:10px 10px 10px rgba(0,0,0,0.1); background: #fff;}
.mcnt1 ul li {display:flex; align-items: center; width: 44.6%; margin-left: 5.1%; margin-right: 1%;}
.mcnt1 ul li:last-child {margin-left: 0; margin-right: 0;}
.mcnt1 ul li .text {box-sizing:border-box; padding-left: 30px;}
.mcnt1 ul li h4 {font-size: 28px; line-height: 1.4; color: #111; font-weight: 500;}
.mcnt1 ul li p {margin:15px 0 32px; min-height: 60px;}
.mcnt1 ul li a {font-size: 14px; font-weight: 700; color: #111; line-height: 1.4; display:flex; align-items: center; position: relative; padding-left: 20px; width: 185px; height: 55px; box-sizing:border-box; border:1px solid #999; transition:.3s; }
.mcnt1 ul li a:before {content: ''; display: block; position: absolute; right: 20px; top: 50%; background:url(../../images/main/main_plus.png) center no-repeat; width: 14px; height: 14px; transform:translate(0,-50%);}
.mcnt1 ul li a:hover {background: #999999; color: #fff;}
.mcnt1 ul li a:hover:before {background:url(../../images/main/main_plus_ov.png) center no-repeat; }
.mcnt1 img {max-width:278px;} 

.main_wrap .section3{ }
.mcnt2_wrap {display:flex; height: 100vh;}
.mcnt2_wrap .left {width: 40%; height: 100%; background:url(../../images/main/mcnt2_bg.jpg);  background-size: cover; display: flex; align-items: center;}
.mcnt2_wrap .left .text {box-sizing:border-box; padding-left: 33%; }
.mcnt2_wrap .right {width: 60%; display: flex; align-items: center;}
.mcnt2_wrap .right .box {max-width:790px; width: 100%; margin-left: 10.5%; box-sizing: border-box; padding-top: 17vh;}
.mcnt2_wrap .right .top {border-bottom: 1px solid #ddd;}

.mcnt2_wrap .right .item {box-sizing:border-box; padding-bottom: 70px;}
.mcnt2_wrap .right h4 {font-size: 18px; font-weight: 700; color: #f53024;}
.mcnt2_wrap .right h5 {font-size: 28px; font-weight: 400; color: #111; margin:20px 0 40px;}
.mcnt2_wrap .right p {box-sizing:border-box; padding-right: 10%;}
.mcnt2_wrap .right .date {display:flex; margin-top: 55px;}
.mcnt2_wrap .right .date span {display:block; font-size: 14px; font-weight: 400; color: #666; margin-right: 40px;}
.mcnt2_wrap .right .date a {font-size: 14px; font-weight: 400; color: #111; position: relative; padding-left: 25px; transition:.3s;}
.mcnt2_wrap .right .date a.all {margin-left: 20px;}
.mcnt2_wrap .right .date a:before {content: ''; display: block; position: absolute; left: 0; top: 10px; width: 15px; height: 11px; background:url(../../images/main/notice_all_bt.png)center no-repeat; transition:.3s;}
.mcnt2_wrap .right .date a:hover {color: #f53024;}
.mcnt2_wrap .right .date a:hover:before {background:url(../../images/main/notice_all_bt_ov.png)center no-repeat; }

.mcnt2_wrap .right .bottom {padding-top:70px;}

.mcnt2_wrap .owl-nav {display:flex; position: absolute; right: 0; bottom: 60px;}
.mcnt2_wrap .owl-nav a {width: 55px; height: 55px;  font-size: 0; background: #fff; border-radius:50%;  background:url(../../images/main/notice_nav.png)center no-repeat;  transition:.3s; }
.mcnt2_wrap .owl-nav .owl-next {background:#f2f3f7 url(../../images/main/notice_nav.png)center no-repeat; margin-left: 10px;}
.mcnt2_wrap .owl-nav .owl-prev {transform:rotate(180deg); }
.mcnt2_wrap .owl-nav a:hover {background:#f53024 url(../../images/main/notice_nav_ov.png)center no-repeat; }

.main_wrap .section4{}
.mcnt3_wrap {display:flex; height: 100vh;}
.mcnt3_wrap .left {width: 40%; height: 100%; background:url(../../images/main/mcnt3_bg.jpg);  background-size: cover; display: flex; align-items: center;}
.mcnt3_wrap .left .text {box-sizing:border-box; padding-left: 33%; }
.mcnt3_wrap .right {width: 60%; display: flex; align-items: center;}
.mcnt3_wrap .right .box {max-width:790px; width: 100%; margin-left: 10.5%; }
.mcnt3_wrap .right .box ul {display:flex; justify-content: space-between;}
.mcnt3_wrap .right .box ul li {width:50%; max-width:375px; }
.mcnt3_wrap .right .box ul li figure {overflow: hidden; border-radius:15px 15px 0px 15px; box-shadow:5px 5px 10px rgba(0,0,0,0.1); position: relative;}
.mcnt3_wrap .right .box ul li figure:before {content: ''; display: block; position: absolute; right: 0; bottom: 0;  width:55px; height: 55px; background:#999 url(../../images/main/mcnt3_plus.png)center no-repeat; z-index:1; transition:.3s; }
.mcnt3_wrap .right .box ul li figure img {    transition: .3s;}
.mcnt3_wrap .right .box ul li:hover figure img {transform: scale(1.1);}
.mcnt3_wrap .right .box ul li:hover figure:before {background:#0f328c url(../../images/main/mcnt3_plus.png)center no-repeat;}

.mcnt3_wrap .right .box ul li .text {box-sizing:border-box; padding-left: 20px;}
.mcnt3_wrap .right .box ul li h3{font-size: 28px; font-weight: 500; color: #111; box-sizing:border-box; padding-left:45px; position: relative; margin-top:40px; margin-bottom:20px;}
.mcnt3_wrap .right .box ul li h3:before {content: ''; display: block; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; background:url(../../images/main/mcnt3_icon01.png)center no-repeat;}
.mcnt3_wrap .right .box ul li:last-child h3:before {background:url(../../images/main/mcnt3_icon02.png)center no-repeat; ;}
.mcnt3_wrap .right .box ul li p {}


.main_wrap .section{padding-top: 0px;}
.main_wrap .section1,
.main_wrap .section5{padding-top: 0;}

/* fullpage css */
#fp-nav{padding-top: 0px;}
#fp-nav ul li{width: 26px; height: 26px; margin: 0; margin-bottom: 15px;}
#fp-nav ul li:last-child{margin-bottom: 64px;}
#fp-nav ul li a span:not(.fp-sr-only){margin: 0 !important; width: 26px !important; height: 26px !Important; left: 0; top: 0;  background: 0;}
#fp-nav ul li a span:not(.fp-sr-only):after{position: absolute; content:''; width: 8px ;height: 8px; background: #ddd; border-radius: 50%; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; transition:.3s;}
#fp-nav ul li a span:not(.fp-sr-only):before{position: absolute; content:''; width: 26px ;height: 26px; background: rgba(166,49,69,0.1); border-radius: 50%; opacity: 0; transition:.3s;}
#fp-nav ul li a.active span:after{background: #f53024; width: 8px; height: 8px; box-sizing: border-box;}
/* #fp-nav ul li a.active span:before{background: rgba(1,45,106,0.15); opacity: 1; animation: 1.2s ease 0s infinite normal none running; animation-name:fpNav; } */
/* .fp-sr-only{display: none !important; } */
@keyframes fpNav {0% {transform:scale(0)} 60% {transform:scale(1); opacity: 0.9;} 100% {transform:scale(1); opacity: 0;}}


/* #fp-nav ul li a span.fp-sr-only{font-family: 'Montserrat'; font-weight: 600; clip:auto !important; z-index: 111 !important; position: absolute;font-size: 13px !important ;display: block !important ; left: auto !important; right: 30px !important;top: 6px !important;color: #fff; background: none; width: auto;height: auto;line-height: 1;margin: 0 !important;padding: 0 !important; border-radius: 0px !important; opacity: 1;display: block;width: auto !important; opacity: 0;}
#fp-nav ul li a.active span.fp-sr-only, */
#fp-nav ul li a:hover span:after{background: #f53024; width: 8px; height: 8px; box-sizing: border-box;}
#fp-nav ul li .fp-tooltip{display: none !important;}