@charset "utf-8";

.main{margin-top: 100px; overflow: hidden; width: 100%;}
.mcnt1{overflow: hidden; position: relative;width: 100%; max-width:100%;  height: 870px; transition:.3s; }
.mcnt1 .item{width: 100%; height: 970px; position: relative; overflow: hidden; }
.mcnt1 .item .mv_img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition:5s; overflow: hidden !important; z-index: -1; transform:scale(1); background: url(../img/main/mv00.jpg) center no-repeat; background-size: cover;}
/* .mcnt1 .mv02 .mv_img{background: url(../img/main/mv02.jpg) center no-repeat; background-size: cover;}
.mcnt1 .mv03 .mv_img{background: url(../img/main/mv03.jpg) center no-repeat; background-size: cover;}  */
.mcnt1 .owl-nav > *{position: absolute; width: 41px; height: 78px; background: url(../img/main/mv_prev.png) center no-repeat !important; cursor: pointer; left: 60px; top: 50%; z-index: 10; margin-top: -89px;}
.mcnt1 .owl-nav > .owl-next{background: url(../img/main/mv_next.png) center no-repeat !important; left: auto; right: 60px;}
.mcnt1 .owl-nav > * span{display: none;}
.mcnt1 .m_txt{display: flex; align-items:center; justify-content: center; height: 100%; box-sizing: border-box; padding-bottom: 160px; }
.mcnt1 .m_txt h3{position: relative; font-family: 'Montserrat'; top:50px; opacity: 0; transition:.6s; font-size: 55px; line-height: 1; color: #fff;  letter-spacing: 0.2em !important; text-align: center; }
.mcnt1 .active .m_txt h3{opacity: 1; top:0;}
.mv_scroll{position: absolute;	 z-index: 1005; left: 50%; bottom: 30px; margin-left: -12px; animation: 1.2s ease 0s infinite normal none running; animation-name:mvScroll; cursor: pointer;}
@keyframes mvScroll {0% {bottom: 40px; } 60% {bottom: 60px;} 100% {bottom: 40px;} }

.main-tit{text-align: center;}
.main-tit h3{position: relative; font-family: 'Montserrat'; font-size: 50px; line-height: 1; color: #000; letter-spacing: -0.02em; font-weight: 700; padding-top: 39px; margin-bottom: 36px;} 
.main-tit h3:before,
.main-tit h3:after{position: absolute; content: ''; width: 36px; height: 6px; background: #12746a; top: 0; left: 50%; margin-left: -13px; }
.main-tit h3:after{width: 18px; background: #a2c045; }
.main-tit p{font-size: 18px; line-height: 1.5; color: #666; letter-spacing: -0.02em;} 

.mcnt2{padding: 137px 0 156px; position: relative;}
.mcnt2 .img-box > *{position: absolute; right: 0; top: 0; width: 50%; height: 100%; background: url(../img/main/mcnt2_bg1.jpg) center / cover no-repeat !important; transition:.3s; filter : blur(30px); opacity: 0; transition:.3s}
.mcnt2 .img-box > .right_img2{background: url(../img/main/mcnt2_bg2.jpg) center / cover no-repeat !important;}
.mcnt2 .img-box > .right_img3{background: url(../img/main/mcnt2_bg3.jpg) center / cover no-repeat !important;}
.mcnt2 .img-box > .right_img4{background: url(../img/main/mcnt2_bg4.jpg) center / cover no-repeat !important;}
.mcnt2 .img-box > .right_img5{background: url(../img/main/mcnt2_bg5.jpg) center / cover no-repeat !important;}
.mcnt2 .img-box > .right_img6{background: url(../img/main/mcnt2_bg6.jpg) center / cover no-repeat !important;}
.mcnt2 .img-box > *.on{filter : blur(0px); opacity: 1;}
.mcnt2 .main-tit{text-align: left;}
.mcnt2 .main-tit h3:before,
.mcnt2 .main-tit h3:after{left: 0; margin-left: 0;}
.mcnt2 .cnt .lbx{width: 50%; }
.mcnt2 .cnt .lbx ul{gap:10px; margin-top: 55px;}
.mcnt2 .cnt .lbx ul > li{width: 180px; height: 180px; background: #f7f7f7; border-radius: 5px; text-align: center; padding-top: 20px; transition:background-color .3s; cursor: pointer;}
.mcnt2 .cnt .lbx ul > li figure{position: relative; width: 100%; height: 92px; }
.mcnt2 .cnt .lbx ul > li figure:before,
.mcnt2 .cnt .lbx ul > li figure:after{position: absolute; content: ''; width: 100%; height: 100%; background: url(../img/main/mcnt2_1.png) center no-repeat; left: 0; top: 0; transition:.3s;}
.mcnt2 .cnt .lbx ul > li figure:after{background: url(../img/main/mcnt2_1_h.png) center no-repeat; opacity: 0; top: 20px; }
.mcnt2 .cnt .lbx ul > li:nth-child(2) figure:before{background: url(../img/main/mcnt2_2.png) center no-repeat;}
.mcnt2 .cnt .lbx ul > li:nth-child(2) figure:after{background: url(../img/main/mcnt2_2_h.png) center no-repeat;}
.mcnt2 .cnt .lbx ul > li:nth-child(3) figure:before{background: url(../img/main/mcnt2_3.png) center no-repeat;}
.mcnt2 .cnt .lbx ul > li:nth-child(3) figure:after{background: url(../img/main/mcnt2_3_h.png) center no-repeat;}
.mcnt2 .cnt .lbx ul > li:nth-child(4) figure:before{background: url(../img/main/mcnt2_4.png) center no-repeat;}
.mcnt2 .cnt .lbx ul > li:nth-child(4) figure:after{background: url(../img/main/mcnt2_4_h.png) center no-repeat;}
.mcnt2 .cnt .lbx ul > li:nth-child(5) figure:before{background: url(../img/main/mcnt2_5.png) center no-repeat;}
.mcnt2 .cnt .lbx ul > li:nth-child(5) figure:after{background: url(../img/main/mcnt2_5_h.png) center no-repeat;}
.mcnt2 .cnt .lbx ul > li:nth-child(6) figure:before{background: url(../img/main/mcnt2_6.png) center no-repeat;}
.mcnt2 .cnt .lbx ul > li:nth-child(6) figure:after{background: url(../img/main/mcnt2_6_h.png) center no-repeat;}
.mcnt2 .cnt .lbx ul > li.on figure:before{top: -20px; opacity: 0;}
.mcnt2 .cnt .lbx ul > li.on figure:after{opacity: 1; top: 0;}
.mcnt2 .cnt .lbx ul > li p{font-size: 20px; line-height: 1.5; color: #333; letter-spacing: -0.02em; font-weight: 600;}
.mcnt2 .cnt .lbx ul > li.on{background: #12746a;}
.mcnt2 .cnt .lbx ul > li.on p{color: #fff;}
.mcnt3{padding: 120px 0 140px; background:  url(../img/main/mcnt3_bg.jpg) center / cover no-repeat;}
.mcnt3 ul{justify-content: space-between; margin-top: 65px;}
.mcnt3 ul > li{width: 47.88%; border-radius: 10px; overflow: hidden;} 
.mcnt3 ul > li figure{overflow: hidden;}
.mcnt3 ul > li figure img{transition:.3s; }
.mcnt3 ul > li:hover figure img{transform:scale(1.1); }
.mcnt3 ul > li .tbx{display: flex; align-items:center;height: 100px; background: #fff; }
.mcnt3 ul > li .tbx dl{display: flex; width: 100%; padding: 0 50px; align-items:center;}
.mcnt3 ul > li .tbx dl dt{font-size: 30px; line-height: 1; color: #000; letter-spacing: -0.02em; font-weight: 700; width: 125px;}
.mcnt3 ul > li .tbx dl dd{flex: 1 1 auto; width: 1%;} 
.mcnt3 ul > li .tbx dl dd p{position: relative; font-size: 18px; line-height: 1.5; color: #666; letter-spacing: -0.02em; padding-left: 25px; }
.mcnt3 ul > li .tbx dl dd p:before{position: absolute; content: ''; width: 6px; height: 6px; background: #0d7e72; left: 0; top: 11px;}

.mcnt4{position: relative; padding: 110px 0 140px;}
.mcnt4 .main-tit h3{padding-top: 49px;}
.mcnt4 .mcnt4_owl{margin-top: 55px;}
.mcnt4 .mcnt4_owl .item a{background: #f7f7f7; border-radius: 10px; padding: 40px 44px; height: 550px; box-sizing: border-box; }
.mcnt4 .mcnt4_owl .item a .cate-span{display: block; width: 80px; line-height: 35px; color: #fff; font-weight: 700; background: #12746a; text-align: center; font-size: 16px; letter-spacing: -0.02em; border-radius: 50px; margin-bottom: 17px;}
.mcnt4 .mcnt4_owl .item a .cate-off{background: #969999;}
.mcnt4 .mcnt4_owl .item a strong{display: block; font-size: 24px; line-height: 36px; letter-spacing: -0.02em; color: #000; font-weight: 600; margin-bottom: 26px; margin-left: 5px; transition:.3s;   overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mcnt4 .mcnt4_owl .item a:hover strong{color: #12746a;}
.mcnt4 .mcnt4_owl .item a ul{}
.mcnt4 .mcnt4_owl .item a ul > li {display: flex; flex-wrap:wrap; border-top: 1px solid #ddd; padding: 12px 5px 10px; align-items:flex-start; min-height: 50px; box-sizing: border-box; }
.mcnt4 .mcnt4_owl .item a ul > li b{font-size: 16px; line-height: 1.5; color: #12746a; letter-spacing: -0.02em; color: #12746a; font-weight: 700; width: 78px;}
.mcnt4 .mcnt4_owl .item a ul > li .box{width: 1%; flex:1 1 auto; font-size: 16px; line-height: 28px; color: #666; letter-spacing: -0.02em; margin-top: -2px;} 
.mcnt4 .owl-nav > *{position: absolute; left: -95px; top: 50%; margin-top: -34px; width: 38px; height: 69px; background: url(../img/main/mcnt4_prev.png) center no-repeat !important; transition:.3s;}
.mcnt4 .owl-nav > *:hover{transform:translate(-20%, 0)}
.mcnt4 .owl-nav > * span{display: none;}
.mcnt4 .owl-nav > .owl-next{background: url(../img/main/mcnt4_next.png) center no-repeat !important; left: auto; right: -95px;}
.mcnt4 .owl-nav > .owl-next:hover{transform:translate(20%, 0)}
.mcnt5{background: url(../img/main/mcnt5_bg.jpg) center / cover no-repeat; padding: 120px 0 145px;}
.mcnt5 .main-tit h3,
.mcnt5 .main-tit p{color: #fff;}
.mcnt5 ul{gap:33px; margin-top: 65px;}
.mcnt5 ul > li{width: calc(25% - 25px); }
.mcnt5 ul > li > a{background: #fff; box-sizing: border-box; padding: 55px 38px 57px; border-radius: 10px; display: flex; flex-direction: column; justify-content: space-between; height: 330px; transition:.3s;}
.mcnt5 ul > li > a strong{display: block;  font-size: 22px; line-height: 32px; color: #000; font-weight: 600; letter-spacing: -0.02em;   overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;}
.mcnt5 ul > li > a p{font-size: 16px; line-height: 28px; color: #666; letter-spacing: -0.02em; overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: keep-all; padding-bottom: 22px;	}
.mcnt5 ul > li > a span{font-size: 15px; line-height: 1; color: #999; letter-spacing: -0.02em;}
.mcnt5 ul > li:hover > a{background: #0d5a52;}
.mcnt5 ul > li > a *{transition:.3s;}
.mcnt5 ul > li:hover > a *{color: #fff !important;}