@charset "utf-8";
.pcbr{display:none;}
.ptbr{display:none;}
.tbbr{display:none;}
.mbbr{display:block;}
.dn{display:none;}





/* page common */
#wrap{background:#e7e4de;}
.subVisual{
	overflow:hidden;
	position:relative;
	width:100%;height:100vh;
}
.subVisual .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.subVisual.pn1 .bg{background:url(/images/page/subVisual1.jpg) no-repeat center;background-size:cover;}
.subVisual.pn2 .bg{background:url(/images/page/subVisual2.jpg) no-repeat center;background-size:cover;}
.subVisual.pn3 .bg{background:url(/images/page/subVisual3.jpg) no-repeat center;background-size:cover;}
.subVisual.pn4 .bg{background:url(/images/page/subVisual4.jpg) no-repeat center;background-size:cover;}
.subVisual.pn5 .bg{background:url(/images/page/subVisual5.jpg) no-repeat center;background-size:cover;}
.subVisual.pn6 .bg{background:url(/images/page/subVisual6.jpg) no-repeat center;background-size:cover;}
.subVisual.pn7 .bg{background:url(/images/page/subVisual7.jpg) no-repeat center;background-size:cover;}
.subVisual.pn8 .bg{background:url(/images/page/subVisual8.jpg) no-repeat center;background-size:cover;}
.subVisual.pn9 .bg{background:url(/images/page/subVisual9.jpg) no-repeat center;background-size:cover;}
.subVisual .txtarea{
	position:absolute;left:50%;bottom:120px;z-index:100;
	max-width: 1720px;width:92%;
	transform:translateX(-50%);
}
.subVisual .txtarea .tit1{font-size:24px;color:#fff;font-weight:500;}
.subVisual .txtarea .tit1 span{
	display:inline-block;vertical-align:top;
	margin:12px 0 0 5px;
	font-size:14px;font-weight:500;
}
.subVisual .txtarea .slg{
	position:relative;
	margin:30px 0 0;
	padding:0 0 45px; 
	font-family:"Roboto";font-size:9vw;color:#fff;line-height:1.2em;
}
.subVisual .txtarea .slg:after{
	display:block;content:"";
	width:100%;height:1px;
	background:rgba(255,255,255,0.5);
	position:absolute;left:0;bottom:0;
}

.pageTitle{
	position:relative;
	max-width:1720px;width:92%;
	margin:0 auto;
	padding:100px 0 0;
}
.pageTitle h3{font-size:9vw;color:#222;font-weight:600;}
.pageTitle ul{
	display:none;
	position:absolute;right:0;bottom:10px;
}
.pageTitle ul li{
	position:relative;
	font-size:16px;color:#666;
	padding-left:14px;margin-left:10px;
}
.pageTitle ul li:before{
	display:block;content:"";
	width:6px;height:8px;
	background:url(/images/common/pl_arr.png) no-repeat;
	position:absolute;left:0;top:8px;
}
.pageTitle ul li:first-child{padding:0;margin:0;}
.pageTitle ul li:first-child:before{display:none;}

.page{}
.page .innerwrap{
	position:relative;
	max-width:1720px;width:92%;
	margin:0 auto;
}
.page .innerwrap2{
	position:relative;
	max-width:1520px;width:92%;
	margin:0 auto;
}


.introSlg{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	position:relative;
	width:100%;height:400px;
	border-radius:10px;
	text-align:center;
}
.introSlg .bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.introSlg .bg + div{position:relative;z-index:10;font-size:30px;color:#fff;font-weight:500;padding:0 5%;}

.introSlg2{margin:0 0 80px;font-size:26px;color:#222;font-weight:500;}




/* m11 */
.m11{}
.m11 .section1{padding:100px 0 120px;}
.m11 .section1 .conwrap{
	display:flex;flex-wrap:wrap;
}
.m11 .section1 .conwrap .txtarea{box-sizing:border-box;width:45.35%;padding-right:5%;}
.m11 .section1 .conwrap .txtarea h4{font-size:30px;color:#222;font-weight:500;line-height:1.3em;}
.m11 .section1 .conwrap .txtarea p{margin-top:50px;font-size:14px;color:#666;line-height:1.7em;}
.m11 .section1 .conwrap .imgarea{
	width:calc(100% - 45.35%);
	aspect-ratio:940/710
}
.m11 .section1 .conwrap .imgarea .img{
	overflow:hidden;
	border-radius:10px;
	width:100%;height:100%;
	background:url(/images/page/m11_sec1_img.jpg) no-repeat center;
	background-size:cover;
}


.m11 .section2{overflow:hidden;position:relative;padding:100px 0 80px;background:#30413f;}
.m11 .section2 .bg{}
.m11 .section2 .bg .bg1{
	position:absolute;right:0;top:0;
	width:12.39%;
	aspect-ratio:238/332;
	background:url(/images/page/m11_sec2_bg1.png) no-repeat;
	background-size:cover;
}
.m11 .section2 .bg .bg2{
	position:absolute;left:0;bottom:0;
	width:17.34%;
	aspect-ratio:333/340;
	background:url(/images/page/m11_sec2_bg2.png) no-repeat;
	background-size:cover;
}
.m11 .section2 .slg{
	width:100%;
	padding:0 0 100px;
	font-family:"Roboto";font-size:30px;color:#fff;font-weight:500;text-align:center;
}
.m11 .section2 ul{
	max-width:1520px;width:100%;
	margin:0 auto;
}
.m11 .section2 ul li{
	box-sizing:border-box;
	width:100%;margin-bottom:60px;
	text-align:center;
}
.m11 .section2 ul li .titarea{
	box-sizing:border-box;
	width:100%;max-width:330px;
	aspect-ratio:1/1;
	margin:0 auto;
	display:flex;flex-wrap:wrap;align-items:center;align-content:center;
	border:1px solid rgba(194,198,179,0.6);
	border-radius:50%;
	text-align:center;
}
.m11 .section2 ul li .titarea .icon{display:flex;align-items:center;justify-content:center;width:100%;height:53px;}
.m11 .section2 ul li .titarea .tit{
	width:100%;
	margin-top:20px;font-size:20px;color:#fff;font-weight:600;
}
.m11 .section2 ul li .txt{
	padding:40px 6% 0;
	font-size:16px;color:rgba(255,255,255,0.8);line-height:1.7em;
}


@media(max-width:1200px){
	.m11 .section1 .conwrap{display:block;}
	.m11 .section1 .conwrap .txtarea{width:100%;}
	.m11 .section1 .conwrap .imgarea{width:100%;height:40vh;margin-top:60px;}
}




/* m12 */
.m12{}
.m12 .section1{
	position:relative;
	padding:100px 0 250px;
}
.m12 .section1 .bg1{
	position:absolute;left:0;top:45%;
	width:26.66%;
	aspect-ratio:512/741;
	background:url(/images/page/m12_bg1.png) no-repeat;
	background-size:cover;
}
.m12 .section1 .bg2{
	position:absolute;right:0;bottom:0;
	width:27.18%;
	aspect-ratio:522/440;
	background:url(/images/page/m12_bg2.png) no-repeat;
	background-size:cover;
}
.m12 .section1 .conwrap{}
.m12 .section1 .conwrap .boxwrap{
	margin-bottom:190px;
}
.m12 .section1 .conwrap .boxwrap:last-child{margin-bottom:0px;}
.m12 .section1 .conwrap .boxwrap>div{
	box-sizing:border-box;
	width:100%;
}
.m12 .section1 .conwrap .boxwrap>div h4{margin-bottom:30px;font-size:30px;color:#111;font-weight:500;line-height:1.3em;}
.m12 .section1 .conwrap .boxwrap>div p{font-size:14px;color:#666;line-height:1.7em;}
.m12 .section1 .conwrap .boxwrap>div p.ceo{margin-top:25px;font-size:17px;color:#3e3e3e;font-weight:500;}
.m12 .section1 .conwrap .boxwrap>div.imgarea img{
	overflow:hidden;border-radius:10px;	
	position:relative;z-index:10;
}

.m12 .section1 .conwrap .boxwrap:nth-child(1){flex-direction:row-reverse;}
.m12 .section1 .conwrap .boxwrap:nth-child(1) .imgarea{position:relative;width:100%;margin:40px 0 0;}
.m12 .section1 .conwrap .boxwrap:nth-child(1) .imgarea:before{
	display:block;content:"";
	position:absolute;left:100px;top:-40px;
	width:calc(100% + 500px);height:calc(100% + 80px);
	background:#30413f;
	border-radius:10px;
}
.m12 .section1 .conwrap .boxwrap:nth-child(1) .imgarea img{transform:translateX(0);}
.m12 .section1 .conwrap .boxwrap:nth-child(1) .txtarea{margin-top:100px;}
.m12 .section1 .conwrap .boxwrap:nth-child(2) .txtarea{margin-top:60px;}




/* m13 */
.m13{}
.m13 .section1{
	position:relative;
	padding:100px 0 0;
}
.m13 .section1 .conwrap{}
.m13 .section1 .conwrap .imgarea{width:100%;height:40vh;}
.m13 .section1 .conwrap .imgarea>div{
	width:100%;height:100%;
	background:url(/images/page/m13_sec1_img1.jpg) no-repeat center;
	background-size:cover;
}
.m13 .section1 .conwrap .txtarea{
	position:relative;
	width:100%;
	box-sizing:border-box;
	padding:100px 5% 180px;
	background:#30413f;
	text-align:center;
}
.m13 .section1 .conwrap .txtarea .bg{
	position:absolute;left:0;bottom:0;
	width:100%;height:22%;
	background:url(/images/page/m13_sec1_bg1.png) no-repeat center;
	background-size:cover;
}
.m13 .section1 .conwrap .txtarea h4{font-family:"Roboto";font-size:24px;color:#ccc7ba;font-weight:400;}
.m13 .section1 .conwrap .txtarea h5{margin:40px 0 25px;font-size:30px;color:#fff;font-weight:500;line-height:1.3em;}
.m13 .section1 .conwrap .txtarea p{font-size:18px;color:#fff;line-height:1.5em;}
.m13 .section2{
	position:relative;
	padding:100px 0;
	background:url(/images/page/m13_sec2_bg.jpg) no-repeat bottom;
	background-size:contain;
}

.m13 .section2 .conwrap{}
.m13 .section2 .conwrap .titlearea{width:100%;}
.m13 .section2 .conwrap .titlearea h4{font-family:"Roboto";font-size:24px;color:#30413f;font-weight:400;}
.m13 .section2 .conwrap .titlearea h5{margin:25px 0;font-size:30px;color:#111;font-weight:500;line-height:1.3em;}
.m13 .section2 .conwrap .titlearea p{font-size:14px;color:#666;line-height:1.7em;}
.m13 .section2 .conwrap .conarea{width:100%;margin-top:60px;}
.m13 .section2 .conwrap .conarea ul{}
.m13 .section2 .conwrap .conarea ul li{margin-bottom:45px;}
.m13 .section2 .conwrap .conarea ul li .img{}
.m13 .section2 .conwrap .conarea ul li .tit{margin-top:30px;font-size:20px;color:#30413f;font-weight:500;}
.m13 .section2 .conwrap .conarea ul li .txt{margin-top:15px;font-size:14px;color:#666;line-height:1.7em;}





/* m14 */
.m14{}
.m14 .section1{
	overflow:hidden;
	position:relative;
	padding:80px 0 0;
	height:100vh;
}
.m14 .section1 .historyTabs{position:relative;}
.m14 .section1 .historyTabs .line{
	position:absolute;left:0;bottom:-1px;
	width:30%;height:2px;
	background:#5d7976;
	transition:all 1s;	
}
.m14 .section1 .historyTabs ul{
	display:flex;justify-content:center;
	box-shadow:0 -1px 0 #b9b6b2 inset;
	text-align:center;
}
.m14 .section1 .historyTabs ul li{
	flex:1;
	position:relative;
	max-width:450px;
}
.m14 .section1 .historyTabs ul li:after{
	display:block;content:"";
	width:1px;height:14px;
	background:#b9b6b2;
	position:absolute;right:0;top:50%;
	margin-top:-7px;
}
.m14 .section1 .historyTabs ul li a{
	display:block;
	padding:25px 0;
	font-size:14px;color:#a6a5a2;font-weight:600;
}
.m14 .section1 .historyTabs ul li a:after{
	display:block;content:"";
	box-sizing:border-box;
	width:7px;height:7px;
	border-radius:50%;
	background:#b9b6b2;
	position:absolute;left:50%;top:100%;z-index:100;
	transform:translate(-50%,-4px);
	transition:all 1s;
}
.m14 .section1 .historyTabs ul li a .year{}
.m14 .section1 .historyTabs ul li a .tit{}

.m14 .section1 .historyTabs ul li.on a{color:#30413f;}
.m14 .section1 .historyTabs ul li.on a:after{width:15px;height:15px;background:#30413f;transform:translate(-50%,-7px);}

.m14 .section1 .tabconwrap{}
.m14 .section1 .tabconwrap .tabcon{
	height:calc(100vh - 106px - 80px);/* 윈도우 높이 -  historyTabs 높이 - section1 padding-top */
}
.m14 .section1 .tabconwrap .tabcon .imgarea{
	overflow:hidden;
	position:relative;
	width:100%;height:25vh;	
}
.m14 .section1 .tabconwrap .tabcon .imgarea .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	transform:scale(1.1);
	transition:all 0.4s 0s;
}
.m14 .section1 .tabconwrap .tabcon.on .imgarea .bg{}
.m14 .section1 .tabconwrap .tabcon .imgarea .bg1{background:url(/images/page/m14_bg1.jpg) no-repeat center;background-size:cover;}
.m14 .section1 .tabconwrap .tabcon .imgarea .bg2{background:url(/images/page/m14_bg2.jpg) no-repeat center;background-size:cover;}
.m14 .section1 .tabconwrap .tabcon .imgarea .bg3{background:url(/images/page/m14_bg3.jpg) no-repeat center;background-size:cover;}
.m14 .section1 .tabconwrap .tabcon .conarea{
	position:relative;
	box-sizing:border-box;
	width:calc(100% - 0%);height:calc(100% - 25vh);
	padding:60px 5%;
}
.m14 .section1 .tabconwrap .tabcon .conarea .title{padding-bottom:30px;}
.m14 .section1 .tabconwrap .tabcon .conarea .title .tit{font-size:18px;color:#577a3a;font-weight:500;}
.m14 .section1 .tabconwrap .tabcon .conarea .title .year{
	font-family:"pretendard";font-size:40px;color:#30413f;font-weight:600;
	transform:skew(-5deg);
}
.m14 .section1 .tabconwrap .tabcon .conarea .historyCon{border-top:1px solid #000;}
.m14 .section1 .tabconwrap .tabcon .conarea .historyCon>dl{
	padding:30px 0px;
	border-bottom:1px solid #ccc;
}
.m14 .section1 .tabconwrap .tabcon .conarea .historyCon>dl dt{
	width:155px;
	font-size:30px;color:#2f3842;font-weight:600;
}
.m14 .section1 .tabconwrap .tabcon .conarea .historyCon>dl dd{width:calc(100% - 0px);padding-top:15px;}
.m14 .section1 .tabconwrap .tabcon .conarea .historyCon>dl dd ul li{display:flex;margin-bottom:5px;}
.m14 .section1 .tabconwrap .tabcon .conarea .historyCon>dl dd ul li:last-child{margin-bottom:0;}
.m14 .section1 .tabconwrap .tabcon .conarea .historyCon>dl dd ul li .month{
	width:50px;
	font-size:14px;color:#2f3842;font-weight:600;line-height:1.7em;
}
.m14 .section1 .tabconwrap .tabcon .conarea .historyCon>dl dd ul li .txts{
	width:calc(100% - 50px);
	font-size:14px;color:#666;line-height:1.7em;
}





/* m15 */
.m15{}
.m15 .section1{
	overflow:hidden;
	position:relative;
	padding:100px 0 0;
}
.m15 .section1 .conwrap{
	position:relative;
	padding:100px 0;
	background:url(/images/page/m15_bg.jpg) no-repeat center;
	background-size:cover;
}
.m15 .section1 .conwrap .company{
	display:flex;align-items:center;justify-content:center;
	width:240px;height:240px;
	background:#94c042;
	border-radius:50%;
	margin:0 auto 60px;
}
.m15 .section1 .conwrap .depart{
	max-width:808px;width:100%;
	aspect-ratio:808/808;
	margin:0 auto;
}
.m15 .section1 .conwrap .depart>div{}
.m15 .section1 .conwrap .depart>div>ul>li{
	
	position:relative;
	width:94%;
	margin:0 auto;
	font-size:18px;color:#fff;font-weight:500;text-align:center;
}
.m15 .section1 .conwrap .depart>div:nth-child(1)>ul>li>div{background:#30413f;}
.m15 .section1 .conwrap .depart>div:nth-child(2)>ul>li>div{background:#4e5f42;}
.m15 .section1 .conwrap .depart>div>ul>li>div{
	display:flex;align-items:center;justify-content:center;
	height:80px;
}

.m15 .section1 .conwrap .depart>div>ul>li>ul{
	width:100%;
	margin:20px 0 60px;
}
.m15 .section1 .conwrap .depart>div>ul>li>ul>li{font-size:14px;color:#fff;font-weight:500;}





/* m16 */
.m16{}
.m16 .section1{
	position:relative;
	padding:100px 0 100px;
}
.m16 .section1 .slg{
	margin-bottom:100px;
	font-size:30px;color:#222;font-weight:500;line-height:1.3em;
}
.m16 .section1 h4{font-size:24px;color:#111;font-weight:500;}
.m16 .section1 ul{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin:45px 0 100px;
}
.m16 .section1 ul li{
	overflow:hidden;
	border:1px solid #30413f;
	border-radius:10px;
	text-align:center;
}
.m16 .section1 ul li:nth-child(6n){}





/* m17 */
.m17{}
.m17 .section1{
	position:relative;
	padding:120px 0 160px;
}
.m17 .section1 .maparea{
	display:none;
	position:relative;
	padding:120px 0 0;
	text-align:center;
}
.m17 .section1 .maparea ul{}
.m17 .section1 .maparea ul li{position:absolute;width:18.8%;height:5.8%;}
.m17 .section1 .maparea ul li:nth-child(1){left:5.8%;top:30.2%;}
.m17 .section1 .maparea ul li:nth-child(2){left:5.8%;top:37.2%;}
.m17 .section1 .maparea ul li:nth-child(3){left:5.8%;top:44.2%;}
.m17 .section1 .maparea ul li:nth-child(4){left:5.8%;top:51.2%;}
.m17 .section1 .maparea ul li:nth-child(5){left:5.8%;top:58.2%;}
.m17 .section1 .maparea ul li:nth-child(6){right:5.8%;top:56.2%;}

.m17 .section1 .maparea ul li:after{
	display:block;content:"";
	position:absolute;
}
.m17 .section1 .maparea ul li:nth-child(1):after{
	left:100%;top:50%;
	transform:translateY(-50%);
	width:85%;
	aspect-ratio:278/17;
	background:url(/images/page/m17_line1.png) no-repeat right;
	background-size:contain;
}
.m17 .section1 .maparea ul li:nth-child(2):after{
	left:100%;bottom:34px;
	width:100%;
	aspect-ratio:322/82;
	background:url(/images/page/m17_line2.png) no-repeat right;
	background-size:contain;
}
.m17 .section1 .maparea ul li:nth-child(3):after{
	left:100%;bottom:34px;
	width:93%;
	aspect-ratio:301/184;
	background:url(/images/page/m17_line3.png) no-repeat right;
	background-size:contain;
}
.m17 .section1 .maparea ul li:nth-child(4):after{
	left:100%;bottom:34px;
	width:88%;
	aspect-ratio:283/243;
	background:url(/images/page/m17_line4.png) no-repeat right;
	background-size:contain;
}
.m17 .section1 .maparea ul li:nth-child(5):after{
	left:100%;bottom:34px;
	width:108%;
	aspect-ratio:345/342;
	background:url(/images/page/m17_line5.png) no-repeat right;
	background-size:contain;
}
.m17 .section1 .maparea ul li:nth-child(6):after{
	right:100%;bottom:32px;
	width:120%;
	aspect-ratio:397/17;
	background:url(/images/page/m17_line6.png) no-repeat left;
	background-size:contain;
}

.m17 .section1 .maparea ul li a{
	display:flex;align-items:center;
	box-sizing:border-box;
	width:100%;height:100%;
	padding:0 24px;
	border:1px solid #30413f;border-radius:10px;
	font-size:23px;color:#30413f;font-weight:500;
	transition:all 0.4s;
}
.m17 .section1 .maparea ul li:hover a{
	background:#30413f;
	color:#fff;
}
.m17 .section1 .maparea ul li a span{display:inline-block;margin:0 0 0 10px;font-size:18px;}
.m17 .section1 .infoarea{
	margin:100px 0 0;
	border-top:2px solid #000;
}
.m17 .section1 .infoarea ul{}
.m17 .section1 .infoarea ul li{
	position:relative;
	padding:35px 0;	
	border-bottom:1px solid #b9b6b2;
}
.m17 .section1 .infoarea ul li .area{font-size:21px;color:#000;font-weight:600;}
.m17 .section1 .infoarea ul li .area span{font-size:14px;color:#30413f;font-weight:600;}
.m17 .section1 .infoarea ul li .contact{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	margin-top:30px;
}
.m17 .section1 .infoarea ul li .contact dl{
	padding-left:27px;margin-bottom:20px;
}
.m17 .section1 .infoarea ul li .contact dl.addr{width:625px;background:url(/images/page/icon_addr.png) no-repeat left 5px;background-size:auto 14px;}
.m17 .section1 .infoarea ul li .contact dl.tel{width:220px;background:url(/images/page/icon_tel.png) no-repeat left 5px;background-size:auto 14px;}
.m17 .section1 .infoarea ul li .contact dl.email{width:420px;background:url(/images/page/icon_email.png) no-repeat left 8px;background-size:auto 10px;}
.m17 .section1 .infoarea ul li .contact dl dt{
	position:relative;
	font-size:16px;color:#000;font-weight:600;
}
.m17 .section1 .infoarea ul li .contact dl.addr dt{width:60px;}
.m17 .section1 .infoarea ul li .contact dl.tel dt{width:40px;}
.m17 .section1 .infoarea ul li .contact dl.email dt{width:69px;}
.m17 .section1 .infoarea ul li .contact dl dt:after{
	display:block;content:"";
	width:
}
.m17 .section1 .infoarea ul li .contact dl dd{margin-top:10px;font-size:14px;color:#666;}
.m17 .section1 .infoarea ul li .btnMap{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:40px;
	margin-top:20px;
	background:#6e9368;
	border-radius:15px;
	font-family:"Roboto";font-size:14px;color:#fff;font-weight:500;
}
.m17 .section1 .infoarea ul li .btnMap i{
	width:22px;height:23px;
	margin-right:10px;
	background:url(/images/page/icon_map.png) no-repeat;
	background-size:auto 20px;
}






/* m21 */
.m21{}
.m21 .section1{
	position:relative;
	padding:100px 0;
}
.m21 .section1 .conwrap{
	overflow:hidden;
	position:relative;
	display:flex;align-items:center;justify-content:center;
	width:100%;height:340px;
	border-radius:10px;
	text-align:center;
}
.m21 .section1 .conwrap .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/page/m21_sec1_bg.jpg) no-repeat center;
	background-size:cover;
	background-attachment:fixed;
}
.m21 .section1 .conwrap .tit{
	position:relative;z-index:10;
	font-size:30px;color:#fff;font-weight:500;
}
.m21 .section2{
	position:relative;
	padding:100px 0 250px;
	background:url(/images/page/m21_sec2_bg.jpg) no-repeat center;
	background-size:cover;

}
.m21 .section2 h4{
	margin-bottom:60px;
	font-size:30px;color:#fff;font-weight:500;line-height:1.4em;
}
.m21 .section2 p{
	margin-bottom:40px;
	font-size:14px;color:rgba(255,255,255,0.7);line-height:1.7em;font-weight:500;
}
.m21 .section2 p.first{font-size:20px;}





/* m22 */
.m22{}
.m22 .section1{
	position:relative;
	margin:100px 0;
}
.m22 .section1 .boxwrap{}
.m22 .section1 .boxwrap:nth-child(1){flex-direction:row-reverse;}
.m22 .section1 .boxwrap:nth-child(2){margin-top:100px;}

.m22 .section1 .boxwrap .imgarea{position:relative;width:100%;}
.m22 .section1 .boxwrap .imgarea .img{overflow:hidden;border-radius:10px;}
.m22 .section1 .boxwrap .txtarea{width:100%;}
.m22 .section1 .boxwrap .txtarea .tit{font-size:30px;color:#111;font-weight:500;line-height:1.3em;}
.m22 .section1 .boxwrap:nth-child(1) .txtarea{margin-top:40px;}
.m22 .section1 .boxwrap:nth-child(2) .txtarea{margin-top:40px;}
.m22 .section1 .boxwrap:nth-child(2) .txtarea .tit{font-size:30px;}
.m22 .section1 .boxwrap .txtarea p{margin-top:35px;font-size:14px;color:#666;line-height:1.7em;}
.m22 .section1 .boxwrap .txtarea p strong{font-size:21px;color:#000;font-weight:500;}

.m22 .section1 .boxwrap:nth-child(1) .imgarea{height:40vh;aspect-ratio:1062/820;}
.m22 .section1 .boxwrap:nth-child(1) .imgarea .img{
	position:absolute;left:0;top:0;
	width:calc(100% + 25%);height:100%;
	background:url(/images/page/m22_bg1.jpg) no-repeat center;
	background-size:cover;
}
.m22 .section1 .boxwrap:nth-child(2) .imgarea .img{
	max-width:675px;
	aspect-ratio:675/795;
	background:url(/images/page/m22_bg2.jpg) no-repeat center;
	background-size:cover;
}






/* m23 */
.m23{}
.m23 .section1{
	position:relative;
	margin:100px 0;
}
.m23 .section1 .textarea{width:100%;}
.m23 .section1 .textarea .tit{font-size:30px;color:#111;font-weight:500;line-height:1.3em;}
.m23 .section1 .textarea p{margin-top:35px;font-size:14px;color:#666;line-height:1.7em;}
.m23 .section1 .img{
	width:100%;height:40vh;
	margin-top:60px;
	aspect-ratio:1212/965;
	background:url(/images/page/m23_sec1_img.jpg) no-repeat center;
	background-size:cover;
	border-radius:0px;
}
.m23 .section2{
	position:relative;
	padding:100px 0 200px;
	margin-top:-55px;
	background:#30413f;
}
.m23 .section2 h4{font-size:30px;color:#fff;font-weight:500;}
.m23 .section2 ul{margin:45px 0 0;}
.m23 .section2 ul li{
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:center;
	position:relative;
	width:32.5%;height:380px;
	padding:;
	text-align:center;
}
.m23 .section2 ul li .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m23 .section2 ul li:nth-child(1) .bg{background:url(/images/page/m23_sec2_bg1.jpg) no-repeat center;background-size:cover;}
.m23 .section2 ul li:nth-child(2) .bg{background:url(/images/page/m23_sec2_bg2.jpg) no-repeat center;background-size:cover;}
.m23 .section2 ul li:nth-child(3) .bg{background:url(/images/page/m23_sec2_bg3.jpg) no-repeat center;background-size:cover;}
.m23 .section2 ul li .bg + div{
	position:relative;z-index:5;
	width:90%;
	padding:50px 0;margin:0 auto;
	border:1px solid rgba(255,255,255,0.5);
	border-radius:10px;
}
.m23 .section2 ul li .bg + div .icon{display:flex;align-items:center;justify-content:center;height:57px;}
.m23 .section2 ul li .bg + div .line{
	width:40px;height:1px;
	margin:35px auto 30px;
	background:rgba(255,255,255,0.7);
}
.m23 .section2 ul li .bg + div .tit{font-size:20px;color:#fff;font-weight:500;line-height:1.5em;}

@media(max-width:1200px){
	.m23 .section2 ul{display:block;}
	.m23 .section2 ul li{width:100%;margin-bottom:10px;}
}



/* m24 */
.m24{}
.m24 .section1{
	position:relative;
	padding:100px 0 0;
}
.m24 .section1 .introSlg{
	height:440px;
	text-align:left;
	border-radius:0;
}
.m24 .section1 .introSlg .bg{
	background:url(/images/page/m24_intro_bg.jpg) no-repeat center;
	background-size:cover;
}
.m24 .section1 .introSlg .bg + div div{padding-top:7%;font-size:30px;}
.m24 .section1 .introSlg div img{display:block;margin-bottom:40px;}
.m24 .section1 .conwrap{
	box-sizing:border-box;
	margin:100px 0 0;
	padding:155px 0 155px 0;
	position:relative;
}
.m24 .section1 .conwrap .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/page/m24_bg1.jpg) no-repeat;
	background-size:cover;
	border-radius:0 15px 0 0;
}
.m24 .section1 .conwrap>div{}
.m24 .section1 .conwrap .con{
	position:relative;z-index:10;
	box-sizing:border-box;
	width:100%;
	padding:60px 40px;
	background:#30413f;
	border-radius:10px;
}
.m24 .section1 .conwrap .con .icon{}
.m24 .section1 .conwrap .con .tit{margin:40px 0 25px;font-size:30px;color:#fff;font-weight:500;}
.m24 .section1 .conwrap .con .txt{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.7em;}





/* m25 */
.m25{}
.m25 .section1{
	position:relative;
	padding:100px 0 0;
}
.m25 .section1 .conwrap{}
.m25 .section1 .conwrap .imgarea{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;width:100%;}
.m25 .section1 .conwrap .imgarea>div{overflow:hidden;border-radius:10px;}
.m25 .section1 .conwrap .imgarea .img1{}
.m25 .section1 .conwrap .imgarea .img2{}
.m25 .section1 .conwrap .txtarea{
	box-sizing:border-box;
	width:100%;
	padding:0 4%;margin-top:40px;
}
.m25 .section1 .conwrap .txtarea .tit{font-size:30px;color:#111;font-weight:500;}
.m25 .section1 .conwrap .txtarea .txt{margin-top:35px;font-size:14px;color:#666;line-height:1.7em;}
.m25 .section2{padding:100px 0;}
.m25 .section2 h4{font-size:30px;color:#111;font-weight:500;}
.m25 .section2 ul{margin:45px 0 0;}
.m25 .section2 ul li{
	position:relative;
	width:100%;height:40vh;
	margin-bottom:2%;
}
.m25 .section2 ul li .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m25 .section2 ul li:nth-child(1) .bg{background:url(/images/page/m25_sec2_bg1.jpg) no-repeat;background-size:cover;}
.m25 .section2 ul li:nth-child(2) .bg{background:url(/images/page/m25_sec2_bg2.jpg) no-repeat;background-size:cover;}
.m25 .section2 ul li:nth-child(3) .bg{background:url(/images/page/m25_sec2_bg3.jpg) no-repeat;background-size:cover;}
.m25 .section2 ul li:nth-child(4) .bg{background:url(/images/page/m25_sec2_bg4.jpg) no-repeat;background-size:cover;}
.m25 .section2 ul li:nth-child(5) .bg{background:url(/images/page/m25_sec2_bg5.jpg) no-repeat;background-size:cover;}
.m25 .section2 ul li .tit{
	position:absolute;left:0;bottom:0;
	box-sizing:border-box;
	width:100%;height:100px;
	padding:0 30px 30px;
	font-size:24px;color:#fff;font-weight:500;
}





/* m26 */
.m26{}
.m26 .section1{
	position:relative;
	padding:100px 0 0;
}
.m26 .section1 .conwrap{}
.m26 .section1 .conwrap .imgarea{
	position:relative;
	width:100%;
}
.m26 .section1 .conwrap .imgarea>div{overflow:hidden;border-radius:10px;}
.m26 .section1 .conwrap .imgarea .img1{}
.m26 .section1 .conwrap .imgarea .img2{margin-top:10px;}
.m26 .section1 .conwrap .txtarea{
	box-sizing:border-box;
	width:100%;
	padding:60px 0 0 0;
}
.m26 .section1 .conwrap .txtarea .tit{font-size:30px;color:#111;font-weight:500;}
.m26 .section1 .conwrap .txtarea .txt{margin-top:35px;font-size:14px;color:#666;line-height:1.7em;}
.m26 .section2{
	position:relative;
	padding:165px 0 250px;
	background:url(/images/page/m26_sec2_bg.jpg) no-repeat;
	background-size:cover;
}
.m26 .section2 h4{height:150px;font-size:30px;color:#111;font-weight:500;}
.m26 .section2 .conwrap{
	overflow:hidden;
	position:relative;z-index:10;
}
.m26 .section2 .conwrap .img{
	position:relative;
	overflow:hidden;
	width:100%;height:50vh;
	border-radius:15px;
}
.m26 .section2 .conwrap .img>div{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m26 .section2 .conwrap .img>div.bg1{
	background:url(/images/page/m26_sec2_img1.jpg) no-repeat 80%;
	background-size:cover;
}
.m26 .section2 .conwrap>ul{width:100%;margin-top:20px;}
.m26 .section2 .conwrap>ul>li{
	overflow:hidden;
	box-sizing:border-box;
	padding:35px 30px;margin-bottom:15px;
	background:#fff;
	border-radius:15px;
}
.m26 .section2 .conwrap>ul>li .num{font-family:"Roboto";font-size:14px;color:#4e5f42;font-weight:500;}
.m26 .section2 .conwrap>ul>li .tit{margin:5px 0 15px;font-size:24px;color:#30413f;font-weight:600;}
.m26 .section2 .conwrap>ul>li ul{}
.m26 .section2 .conwrap>ul>li ul li{
	position:relative;
	padding-left:10px;
	font-size:14px;color:#666;line-height:1.7em;
}
.m26 .section2 .conwrap>ul>li ul li:before{
	display:block;content:"";
	width:3px;height:3px;
	background:#30413f;
	border-radius:50%;
	position:absolute;left:0;top:10px;
}
.m26 .section3{padding:100px 0 200px;}
.m26 .section3 .conwrap{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	height:440px;
	padding:0 5%;
	background:url(/images/page/m26_sec3_bg.jpg) no-repeat center;
	background-size:cover;
	border-radius:15px;
	font-size:30px;color:#fff;font-weight:500;text-align:center;
}

@media(max-width:1200px){
	.m26 .section1 .conwrap{display:block;}
	.m26 .section1 .conwrap .imgarea{width:100%;}
	.m26 .section1 .conwrap .imgarea .img1{
		width:100%;height:50vh;
		background:url(/images/page/m26_sec1_img1.jpg) no-repeat;
		background-size:cover;
	}
	.m26 .section1 .conwrap .imgarea .img1 img{display:none;}
	.m26 .section1 .conwrap .imgarea .img2{left:0;}
	.m26 .section1 .conwrap .txtarea{width:100%;}
}




/* m27 */
.m27{}
.m27 .section1{
	position:relative;
	padding:100px 0;
}
.m27 .section1 .txtarea{}
.m27 .section1 .txtarea .tit{
	width:100%;
	font-size:30px;color:#111;font-weight:500;
}
.m27 .section1 .txtarea .txt{
	width:100%;
	margin-top:40px;
	font-size:14px;color:#666;line-height:1.7em;
}
.m27 .section1 .imgarea{margin:100px 0;}
.m27 .section1 .imgarea .img1{
	width:100%;
	aspect-ratio:725/380;
	background:url(/images/page/m27_sec1_img1.jpg) no-repeat;
	background-size:cover;
	border-radius:10px;
}
.m27 .section1 .imgarea .img2{
	width:100%;
	margin-top:10px;
	aspect-ratio:943/380;
	background:url(/images/page/m27_sec1_img2.jpg) no-repeat;
	background-size:cover;
	border-radius:10px;
}
.m27 .section1 h4{font-size:30px;color:#111;font-weight:500;}
.m27 .section1 ul{margin:80px 0 0;}
.m27 .section1 ul li{
	position:relative;
	overflow:hidden;
	width:100%;height:320px;margin-bottom:10px;
	border-radius:10px;
}
.m27 .section1 ul li .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m27 .section1 ul li:nth-child(1) .bg{background:url(/images/page/m27_sec1_li_bg1.jpg) no-repeat;background-size:cover;}
.m27 .section1 ul li:nth-child(2) .bg{background:url(/images/page/m27_sec1_li_bg2.jpg) no-repeat;background-size:cover;}
.m27 .section1 ul li:nth-child(3) .bg{background:url(/images/page/m27_sec1_li_bg3.jpg) no-repeat;background-size:cover;}
.m27 .section1 ul li .icon{position:absolute;right:30px;top:30px;width:43px;height:43px;}
.m27 .section1 ul li:nth-child(1) .icon{background:url(/images/page/m27_sec1_li_icon1.png) no-repeat center;background-size:auto 100%;}
.m27 .section1 ul li:nth-child(2) .icon{background:url(/images/page/m27_sec1_li_icon2.png) no-repeat center;background-size:auto 100%;}
.m27 .section1 ul li:nth-child(3) .icon{background:url(/images/page/m27_sec1_li_icon3.png) no-repeat center;background-size:auto 100%;}
.m27 .section1 ul li .tit{
	position:absolute;left:0;bottom:50px;
	width:100%;
	box-sizing:border-box;
	padding:0 30px; 
	font-size:24px;color:#fff;font-weight:500;
}





/* m41 */
.m41{}
.m41 .section1{
	position:relative;
	margin:100px 0;
}
.m41 .section1 h4{}
.m41 .section1 h4 span{font-size:20px;color:#222;font-weight:500;}
.m41 .section1 h4 div{margin-top:25px;font-size:30px;color:#222;font-weight:500;}
.m41 .section1 .conwrap{margin-top:100px;}
.m41 .section1 .conwrap .boxwrap{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	position:relative;
	margin-bottom:80px;padding:100px 5%;
	border-radius:10px;
	text-align:center;
}
.m41 .section1 .conwrap .boxwrap .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m41 .section1 .conwrap .boxwrap:nth-child(1) .bg{background:url(/images/page/m41_bg1.jpg) no-repeat center;background-size:cover;}
.m41 .section1 .conwrap .boxwrap:nth-child(2) .bg{background:url(/images/page/m41_bg2.jpg) no-repeat center;background-size:cover;}
.m41 .section1 .conwrap .boxwrap:nth-child(3) .bg{background:url(/images/page/m41_bg3.jpg) no-repeat center;background-size:cover;}
.m41 .section1 .conwrap .boxwrap .txtarea{position:relative;z-index:10;}
.m41 .section1 .conwrap .boxwrap .txtarea .tit{font-size:30px;color:#fff;font-weight:500;}
.m41 .section1 .conwrap .boxwrap .txtarea .txt{margin-top:50px;font-size:14px;color:#fff;line-height:1.7em;}
.m41 .section1 .conwrap .boxwrap:nth-child(1) .txtarea .txt{line-height:1.8em;}
.m41 .section1 .conwrap .boxwrap .txtarea a{
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:center;
	width:180px;height:46px;
	margin:55px auto 0; 
	border:1px solid #fff;border-radius:10px;
	font-size:14px;color:#fff;text-align:center;
}
.m41 .section1 .conwrap .boxwrap .txtarea a i{
	display:inline-block;vertical-align:top;
	width:12px;height:11px;
	margin:2px 0 0 13px;
	background:url(/images/page/m41_more_arr.png) no-repeat;
}





/* m42 */
.m42{}
.m42 .section1{
	position:relative;
	padding:100px 0;
}
.m42 .section1 .boxwrap{
	overflow:hidden;
	box-sizing:border-box;
	padding:40px 30px;margin-bottom:50px;
	border:1px solid #30413f;
	border-radius:10px;
}
.m42 .section1 .boxwrap .title{font-size:30px;color:#000;font-weight:500;}
.m42 .section1 .boxwrap .title + p{margin-top:20px;font-size:14px;color:#666;}
.m42 .section1 .boxwrap .tech{margin:70px 0 0;}
.m42 .section1 .boxwrap .tech ul{position:relative;}
.m42 .section1 .boxwrap .tech ul li{width:100%;}
.m42 .section1 .boxwrap .tech ul li .circle{
	box-sizing:border-box;
	padding:45px 30px;
	width:100%;aspect-ratio:1/1;
	margin:40px auto 10px;
	text-align:center;
}
.m42 .section1 .boxwrap .tech ul li:nth-child(1) .circle{background:#6a8f64;}
.m42 .section1 .boxwrap .tech ul li:nth-child(2) .circle{background:#4e5f42;}
.m42 .section1 .boxwrap .tech ul li:nth-child(3) .circle{background:#30413f;}
.m42 .section1 .boxwrap .tech ul li .circle .tit{font-size:18px;color:#fff;font-weight:500;}
.m42 .section1 .boxwrap .tech ul li .circle .txt{margin-top:10px;font-size:12px;color:#fff;line-height:1.7em;}
.m42 .section1 .boxwrap .tech ul li .result{
	box-sizing:border-box;
	width:100%;
	padding:45px 5%;
	border:1px solid #b9b6b2;
	text-align:center;
}
.m42 .section1 .boxwrap .tech ul li .result .icon{
	display:flex;align-items:center;justify-content:center;
	width:100%;
}
.m42 .section1 .boxwrap .tech ul li .result .icon img{height:40px;}
.m42 .section1 .boxwrap .tech ul li .result .line{
	display:block;content:"";
	width:32px;height:1px;
	background:#000;
	margin:25px auto 0;
}
.m42 .section1 .boxwrap .tech ul li .result .tit{
	width:100%;
	margin-top:15px;
	font-size:17px;color:#000;font-weight:500;
}

.m42 .section1 .boxwrap .merit{margin:70px 0 0;}
.m42 .section1 .boxwrap .merit ul{}
.m42 .section1 .boxwrap .merit ul li{width:100%;margin-bottom:60px;}
.m42 .section1 .boxwrap .merit ul li .titlearea{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:60px;
	font-size:18px;color:#fff;font-weight:500;text-align:center;
	border-radius:10px;
}
.m42 .section1 .boxwrap .merit ul li:nth-child(1) .titlearea{background:#6a8f64;}
.m42 .section1 .boxwrap .merit ul li:nth-child(2) .titlearea{background:#30413f;}
.m42 .section1 .boxwrap .merit ul li:nth-child(3) .titlearea{background:#425f4c;}
.m42 .section1 .boxwrap .merit ul li .box{
	margin-top:20px;
	border:1px solid #b9b6b2;
	border-radius:10px;
	aspect-ratio:493/353;
}
.m42 .section1 .boxwrap .merit ul li .box .imgarea{
	width:100%;
	box-sizing:border-box;
	padding:20px;
	border-bottom:1px solid #b9b6b2;
	text-align:center;
}
.m42 .section1 .boxwrap .merit ul li .box .imgarea .tit{margin-top:30px;font-size:18px;color:#000;font-weight:500;}
.m42 .section1 .boxwrap .merit ul li .box .txtarea{
	width:100%;
	box-sizing:border-box;
	padding:20px;
}
.m42 .section1 .boxwrap .merit ul li .box .txtarea dl{margin-bottom:20px;}
.m42 .section1 .boxwrap .merit ul li .box .txtarea dl:last-child{margin:0;}
.m42 .section1 .boxwrap .merit ul li .box .txtarea dl dt{font-size:18px;color:#000;font-weight:500;}
.m42 .section1 .boxwrap .merit ul li .box .txtarea dl dd{margin-top:5px;font-size:14px;color:#666;line-height:1.7em;}

.m42 .section1 .boxwrap .merit ul li:nth-child(2) .box{
	border:0;
	flex-wrap:wrap;align-content:space-between;
}
.m42 .section1 .boxwrap .merit ul li:nth-child(2) .box .innerbox{
	box-sizing:border-box;
	width:100%;
	padding-bottom:40px;margin-bottom:10px;
	border:1px solid #b9b6b2;
	border-radius:10px;
	text-align:center;
}
.m42 .section1 .boxwrap .merit ul li:nth-child(2) .box .innerbox .icon{
	box-sizing:border-box;
	position:Relative;
	width:121px;text-align:center;
	margin:0 auto;
	padding:40px 20px 20px;
}
.m42 .section1 .boxwrap .merit ul li:nth-child(2) .box .innerbox .txt{
	box-sizing:border-box;
	width:calc(100% - 0px);
	padding:0 20px;
	font-size:14px;color:#666;line-height:1.7em;
}
.m42 .section1 .boxwrap .merit ul li:nth-child(2) .box .innerbox .txt{}
.m42 .section1 .boxwrap .merit ul li:nth-child(3) .box{padding:0 5%;}
.m42 .section1 .boxwrap .merit ul li:nth-child(3) .box>div{width:100%;}
.m42 .section1 .boxwrap .merit ul li:nth-child(3) .box .imgarea{border:0;}

.m42 .section1 .boxwrap .comparison{margin:80px 0 0;}
.m42 .section1 .boxwrap .comparison ul{}
.m42 .section1 .boxwrap .comparison ul li{margin-bottom:20px;}
.m42 .section1 .boxwrap .comparison ul li.line{
	width:1px;
	margin:0 19px;
	background:#b9b6b2;
}
.m42 .section1 .boxwrap .comparison ul li .tit{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:60px;
	background:#425f4c;
	font-size:18px;color:#fff;text-align:center;font-weight:500;
	border-radius:10px;
}
.m42 .section1 .boxwrap .comparison ul li .bgarea{
	overflow:hidden;
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:center;
	padding:40px 5%;margin:20px 0 40px;
	border-radius:10px;
	text-align:center;
}
.m42 .section1 .boxwrap .comparison ul li:nth-child(1) .bgarea{
	background:url(/images/page/m42_b3_bg1.jpg) no-repeat;
	background-size:cover;
}
.m42 .section1 .boxwrap .comparison ul li:nth-child(3) .bgarea{
	background:url(/images/page/m42_b3_bg2.jpg) no-repeat;
	background-size:cover;
}
.m42 .section1 .boxwrap .comparison ul li:nth-child(5) .bgarea{
	background:url(/images/page/m42_b3_bg3.jpg) no-repeat;
	background-size:cover;
}
.m42 .section1 .boxwrap .comparison ul li .bgarea .txt{font-size:14px;color:#fff;line-height:1.7em;}
.m42 .section1 .boxwrap .comparison ul li .bgarea .calc{margin-top:25px;font-size:12px;color:#fff;line-height:1.7em;}
.m42 .section1 .boxwrap .comparison ul li:nth-child(5) .bgarea{padding:0;}
.m42 .section1 .boxwrap .comparison ul li:nth-child(5) .bgarea .txt{}
.m42 .section1 .boxwrap .comparison ul li:nth-child(5) .bgarea .txt>div{
	box-sizing:border-box;
	width:100%;
	padding:40px 3%;
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.m42 .section1 .boxwrap .comparison ul li:nth-child(5) .bgarea .txt>div:last-child{border:0;}
.m42 .section1 .boxwrap .comparison ul li .result{
	border:1px solid #30413f;border-radius:10px;
}
.m42 .section1 .boxwrap .comparison ul li .result .tit2{
	padding:8px;
	background:#30413f;
	border-radius:10px;
	font-size:18px;color:#fff;text-align:center;
}
.m42 .section1 .boxwrap .comparison ul li .result .txt{
	padding:20px;
	font-size:14px;color:#000;text-align:center;font-weight:500;
}
.m42 .section1 .boxwrap .table{
	overflow:hidden;overflow-x:auto;
	margin:40px 0 0;
}
.m42 .section1 .boxwrap .table table{width:1000px;border-collapse:collapse;border-bottom:1px solid #111;}
.m42 .section1 .boxwrap .table table th{	
	padding:20px;
	background:#30413f;
	border-right:1px solid #2a3736;
	font-size:14px;color:#fff;font-weight:500;text-align:center;
}
.m42 .section1 .boxwrap .table table td{
	padding:20px;
	border:1px solid #bcbab5;
	font-size:14px;color:#666;font-weight:500;text-align:center;	
}
.m42 .section1 .boxwrap .table table .num{background:#c1cab9;}
.m42 .section1 .boxwrap .table table th:first-child,
.m42 .section1 .boxwrap .table table td:first-child{border-left:0;}
.m42 .section1 .boxwrap .table table th:last-child,
.m42 .section1 .boxwrap .table table td:last-child{border-right:0;}





/* m43 */
.m43{}
.m43 .section1{
	position:relative;
	padding:100px 0;
}
.m43 .section1 .toparea{margin-bottom:100px;}
.m43 .section1 .toparea .imgarea{
	overflow:hidden;
	width:100%;aspect-ratio:981/423;
	background:url(/images/page/m43_img1.jpg) no-repeat;
	background-size:cover;
	border-radius:10px;
}
.m43 .section1 .toparea .txtarea{width:100%;margin-top:40px;}
.m43 .section1 .btmarea{}
.m43 .section1 .btmarea .imgarea{
	overflow:hidden;
	width:100%;aspect-ratio:739/522;
	background:url(/images/page/m43_img2.jpg) no-repeat center;
	background-size:cover;
	border-radius:10px;
}
.m43 .section1 .btmarea .txtarea{
	box-sizing:border-box;
	width:100%;
	margin-top:40px;
}
.m43 .section1 h4{font-size:30px;color:#111;font-weight:500;}
.m43 .section1 p{margin-top:35px;font-size:14px;color:#666;line-height:1.7em;}
.m43 .section1 ul{margin:50px 0 0;}
.m43 .section1 ul li{
	position:relative;
	width:100%;margin-bottom:10px;
	box-sizing:border-box;
	padding:35px 25px 140px;
	border:1px solid #425f4c;border-radius:10px;
	font-size:23px;color:#111;font-weight:500;
}
.m43 .section1 ul li .icon{
	position:absolute;right:20px;bottom:22px;
	width:53px;height:53px;
}
.m43 .section1 ul li:nth-child(1) .icon{background:url(/images/page/m43_icon1.png) no-repeat right;}
.m43 .section1 ul li:nth-child(2) .icon{background:url(/images/page/m43_icon2.png) no-repeat right;}
.m43 .section1 ul li:nth-child(3) .icon{background:url(/images/page/m43_icon3.png) no-repeat right;}
.m43 .section1 ul li .icon:after{
	display:block;content:"";
	width:35px;height:35px;
	background:rgba(106,143,100,0.5);
	border-radius:50%;
	position:absolute;left:0;top:0;

    /* 공전 궤도 설정 */
    left: calc(50% - 17.5px); /* 원의 중심을 컨테이너 중심에 맞춤 */
    top: 0; /* 궤도 시작점 (12시 방향) */
    
    /* 컨테이너 중심을 기준으로 공전 */
    transform-origin: 17.5px 26.5px; /* 원의 중심에서 컨테이너 중심까지의 거리 */   
}
.m43 .section1 ul li:nth-child(1) .icon:after{animation: orbit 5s linear infinite;}
.m43 .section1 ul li:nth-child(2) .icon:after{animation: orbit 5s linear infinite 1s;}
.m43 .section1 ul li:nth-child(3) .icon:after{animation: orbit 5s linear infinite 2s;}

@keyframes orbit {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.m43 .section1 .arr{margin:25px 0;text-align:center;}
.m43 .section1 .result{
	background:#425f4c;
	padding:15px;
	border-radius:10px;
	font-size:23px;color:#fff;text-align:center;
}
.m43 .section1 .result i{
	display:inline-block;vertical-align:top;
	width:25px;height:30px;
	margin:3px 10px 0 0;
	background:url(/images/page/m43_result_icon.png) no-repeat;
}







/* m44 */
.m44{}
.m44 .section1{
	position:relative;
	margin:100px 0 0;
	padding:0 0 200px;
}
.m44 .section1 .db{
	position:relative;
	display:flex;flex-wrap:wrap;flex-direction:row-reverse;
	margin-bottom:100px;
	padding:40px 0;
}
.m44 .section1 .db:before{
	display:block;content:"";
	width:150vw;height:300px;
	background:#30413f;
	position:absolute;left:-50%;top:0;
}
.m44 .section1 .db .imgarea{
	position:relative;z-index:10;
	width:100%;
	aspect-ratio:860/670;
	border-radius:10px;
	background:url(/images/page/m44_img1.jpg) no-repeat;
	background-size:cover;
}
.m44 .section1 .db .txtarea{
	position:relative;z-index:10;
	width:100%;
	box-sizing:border-box;
	padding:100px 0 0;
}
.m44 .section1 .db .txtarea h4{font-size:30px;color:#000;font-weight:500;}
.m44 .section1 .db .txtarea h4:before{
	display:block;content:"";
	width:65px;height:1px;
	margin:0 0 45px;
	background:#000;
}
.m44 .section1 .db .txtarea h5{margin-top:45px;font-size:18px;color:#111;font-weight:500;}
.m44 .section1 .db .txtarea p{margin-top:35px;font-size:14px;color:#666;line-height:1.7em;}
.m44 .section1 .boxwrap{
	background:#c8cbb8;border-radius:10px;
	max-width:860px;width:100%;
	margin:0 auto;
}
.m44 .section1 .boxwrap.b1{margin-bottom:80px;}
.m44 .section1 .boxwrap.b2{margin-bottom:100px;flex-direction:row-reverse;text-align:right;}
.m44 .section1 .boxwrap.b3{margin:80px auto 100px;}
.m44 .section1 .boxwrap.b4{margin:80px auto 0;flex-direction:row-reverse;text-align:center;}
.m44 .section1 .boxwrap>div{
	overflow:hidden;
	box-sizing:border-box;
	width:100%;
	border-radius:10px;
}
.m44 .section1 .boxwrap>div.txtarea{padding:60px 5%;}
.m44 .section1 .boxwrap>div.txtarea .icon{}
.m44 .section1 .boxwrap>div.txtarea .icon img{height:60px;}
.m44 .section1 .boxwrap>div.txtarea .tit{margin-top:20px;font-size:30px;color:#000;font-weight:500;}
.m44 .section1 .boxwrap>div.txtarea .txt{margin-top:20px;font-size:14px;color:#666;font-weight:500;line-height:1.7em;}

.m44 .section1 .txtarea{}
.m44 .section1 .txtarea h4{font-size:30px;color:#111;font-weight:500;}
.m44 .section1 .txtarea p{margin-top:35px;font-size:14px;color:#666;line-height:1.7em;}

.m44 .section1 .boxwrap.b3>div.txtarea{position:relative;}
.m44 .section1 .boxwrap.b3>div.txtarea .tit{
	font-size:20px;
	padding-bottom:15px;margin-bottom:15px;
	border-bottom:1px solid #aaafa0;
}
.m44 .section1 .boxwrap.b3>div.txtarea ul li{
	position:relative;
	padding-left:34px;margin-bottom:2px;
	font-size:14px;color:#666;line-height:1.7em;font-weight:500;
}
.m44 .section1 .boxwrap.b3>div.txtarea ul li .num{
	position:absolute;left:0;top:0;
	color:#30413f;
}
.m44 .section1 .boxwrap.b4>div.txtarea{}
.m44 .section1 .boxwrap.b4>div.txtarea dl{}
.m44 .section1 .boxwrap.b4>div.txtarea dl:nth-child(1){margin-bottom:40px;}
.m44 .section1 .boxwrap.b4>div.txtarea dl:nth-child(2){margin-bottom:40px;}
.m44 .section1 .boxwrap.b4>div.txtarea dl dt{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:60px;
	border-radius:10px;
	font-size:18px;color:#fff;font-weight:500;text-align:center;
}
.m44 .section1 .boxwrap.b4>div.txtarea dl:nth-child(1) dt{background:#567352;}
.m44 .section1 .boxwrap.b4>div.txtarea dl:nth-child(2) dt{background:#4e5f42;}
.m44 .section1 .boxwrap.b4>div.txtarea dl:nth-child(3) dt{background:#425f4c;}
.m44 .section1 .boxwrap.b4>div.txtarea dl:nth-child(4) dt{background:#30413f;}
.m44 .section1 .boxwrap.b4>div.txtarea dl dd{
	padding:10px 0;
	font-size:14px;color:#666;line-height:1.7em;
}
.m44 .section1 .boxwrap.b4>div.txtarea dl dd ul li{
	font-size:14px;color:#666;line-height:1.7em;
}
.m44 .section1 .boxwrap.b4>div.txtarea dl dd ul li span:nth-child(1){margin-right:10px;color:#30413f;font-weight:500;}





/* m45 */
.m45{}
.m45 h4{font-size:30px;color:#111;font-weight:500;}
.m45 h4 + p{margin-top:35px;font-size:14px;color:#666;line-height:1.7em;}
.m45 .section1{
	position:relative;
	padding:100px 0;
}
.m45 .section1 ul{margin:100px 0 0;}
.m45 .section1 ul li{
	box-sizing:border-box;
	position:relative;
	width:100%;
	padding:74px 30px;margin-bottom:40px;
	border:1px solid #c2c3be;border-radius:10px;
	text-align:center;
}
.m45 .section1 ul li .point{
	position:absolute;left:50%;top:-15px;
	transform:translateX(-50%);
	width:150px;height:30px;
	background:#567352;
	border-radius:10px;
	font-size:16px;color:#fff;font-weight:500;text-align:center;line-height:30px;
}
.m45 .section1 ul li .icon{}
.m45 .section1 ul li .tit{margin:35px 0 15px;font-size:20px;color:#30413f;font-weight:500;}
.m45 .section1 ul li .txt{font-size:14px;color:#666;line-height:1.7em;}

.m45 .section2{
	position:relative;
	padding:100px 0 200px;
	background:#30413f;
}
.m45 .section2 h4{color:#fff;}
.m45 .section2 h4 + p{color:rgba(255,255,255,0.6);}
.m45 .section2 .conwrap{margin:80px 0 0;}
.m45 .section2 .conwrap .imgarea{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	border-radius:10px;
	width:100%;
	padding:30px;
	border:1px solid rgba(255,255,255,0.2);
}
.m45 .section2 .conwrap ul{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	width:100%;
}
.m45 .section2 .conwrap ul li{
	width:100%;margin-top:40px;
}
.m45 .section2 .conwrap ul li .img{
	overflow:hidden;
	border-radius:10px;
	border:1px solid rgba(255,255,255,0.2);
}
.m45 .section2 .conwrap ul li .tit{margin:30px 0 10px;font-size:20px;color:#fff;font-weight:500;}
.m45 .section2 .conwrap ul li .txt{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.7em;}

.m45 .section3{
	position:relative;
	padding:100px 0 ;
}
.m45 .section3 ul{margin:100px 0 0;}
.m45 .section3 ul li{
	box-sizing:border-box;
	position:relative;
	width:100%;
	padding:64px 35px 55px;margin-bottom:40px;
	border:1px solid #c2c3be;
	text-align:center;
}
.m45 .section3 ul li .point{
	position:absolute;left:50%;top:-15px;
	transform:translateX(-50%);
	width:150px;height:30px;
	background:#30413f;
	border-radius:10px;
	font-size:14px;color:#fff;font-weight:500;text-align:center;line-height:30px;
}
.m45 .section3 ul li .icon{}
.m45 .section3 ul li .tit{margin:35px 0 15px;font-size:20px;color:#30413f;font-weight:500;}
.m45 .section3 ul li .txt{font-size:14px;color:#666;line-height:1.7em;}
.m45 .section3 .imgarea{
	margin-top:20px;
	border:1px solid #c2c3be;
}





/* m46 */
.m46{}
.m46 .section1{
	position:relative;
	padding:100px 0;
	margin-top:100px;
	background:url(/images/page/m46_bg.jpg) no-repeat;
	background-size:cover;
}
.m46 .section1 .certify{
	padding:0 0 90px;
}
.m46 .section1 .certify .swiper-slide{
	overflow:hidden;
	position:relative;
	width:200px;
	border-radius:10px;
}
.m46 .section1 .certify .swiper-slide .thumb{}
.m46 .section1 .certify .swiper-slide .hover{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:rgba(0,0,0,0.5);
	border:2px solid #30413f;
	border-radius:10px;
	opacity:0;
	transition:all 0.4s;
}
.m46 .section1 .certify .swiper-slide:hover .hover{
	opacity:1;
}
.m46 .section1 .certify .swiper-slide .hover .info{
	position:absolute;left:20px;top:35px;
}
.m46 .section1 .certify .swiper-slide .hover .info .cate{
	display:flex;align-items:center;justify-content:center;
	width:106px;height:36px;
	background:#30413f;
	border-radius:10px;
	font-size:18px;color:#fff;font-weight:500;text-align:center;
}
.m46 .section1 .certify .swiper-slide .hover .info .num{
	margin-top:10px;
	font-size:29px;color:#fff;font-weight:600;
}
.m46 .section1 .certify .swiper-slide .hover .more{
	position:absolute;left:50%;top:50%;
	width:100px;height:100px;
	transform:translate(-50%,-50%);
	background:#30413f;
	border-radius:50%;
}
.m46 .section1 .certify .swiper-slide .hover .more:before{
	display:block;content:"";
	width:30px;height:2px;
	background:#fff;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
}
.m46 .section1 .certify .swiper-slide .hover .more:after{
	display:block;content:"";
	width:2px;height:30px;
	background:#fff;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
}
.m46 .section1 .certify .swiper-scrollbar{
	width:100%;height:3px;
	left:0;
	box-shadow:0 -1px 0 #808181 inset;
}
.m46 .section1 .certify .swiper-scrollbar-drag{
	height:3px;
	background:#fff;
}




#bgBlack{
	display:none;
	position:fixed;left:0;top:0;z-index:5000;
	width:100%;height:100%;
	background:rgba(0,0,0,0.7);
}
.layerPop{
	display:none;
	position:fixed;left:50%;top:50%;z-index:6000;
	transform:translate(-50%,-50%);
}

.certityPop{
	max-width:700px;width:90%;height:80vh;
	margin:0 auto;
	background:#fff;
	border-radius:10px;
}
.certityPop .btnClose{
	position:absolute;right:20px;top:20px;
}
.certityPop .btnClose img{height:40px;}
.certityPop .conwrap{
	overflow:hidden;overflow-y:auto;
	height:80vh;
	padding:1.5vh 20px;
}




/* m61 */
.m61{}
.m61 .section1{
	position:relative;
	margin:100px 0 0;
	padding:0 0 100px;
	background:url(/images/page/m61_bg.jpg) no-repeat center bottom;
	background-size:cover;
}
.m61 .section1 .introSlg{height:600px;}
.m61 .section1 .introSlg .bg{
	background:url(/images/page/m61_intro_bg.jpg) no-repeat center;
	background-size:cover;
}
.m61 .section1 h4{margin:100px 0;text-align:center;}
.m61 .section1 h4 span{font-size:18px;color:#222;font-weight:500;}
.m61 .section1 h4 div{margin-top:25px;font-size:30px;color:#222;font-weight:500;}

.m61 .section1 .conwrap{}
.m61 .section1 .conwrap .boxwrap{
	box-sizing:border-box;
	width:100%;
	margin-bottom:20px;
}
.m61 .section1 .conwrap .boxwrap>div{
	overflow:hidden;
	width:100%;
	margin-top:10px;
	border-radius:10px;
}
.m61 .section1 .conwrap .boxwrap>div:last-child{margin-right:0;}
.m61 .section1 .conwrap .boxwrap>div.bg{height:50vh;}
.m61 .section1 .conwrap .boxwrap:nth-child(1)>div.bg{background:url(/images/page/m61_b1_bg.jpg) no-repeat;background-size:cover;}
.m61 .section1 .conwrap .boxwrap:nth-child(2)>div.bg{background:url(/images/page/m61_b2_bg.jpg) no-repeat;background-size:cover;}
.m61 .section1 .conwrap .boxwrap:nth-child(3)>div.bg{background:url(/images/page/m61_b3_bg.jpg) no-repeat;background-size:cover;}
.m61 .section1 .conwrap .boxwrap>div.txtarea{	
	box-sizing:border-box;
	padding:60px 5%;
	background:#fff;
}
.m61 .section1 .conwrap .boxwrap>div.txtarea .icon{display:flex;align-items:center;height:92px;}
.m61 .section1 .conwrap .boxwrap>div.txtarea .icon img{height:60px;}
.m61 .section1 .conwrap .boxwrap>div.txtarea .tit{margin-top:15%;font-family:"Roboto";font-size:8vw;color:#000;font-weight:500;}
.m61 .section1 .conwrap .boxwrap>div.txtarea .txt{margin-top:20px;font-size:14px;color:#666;line-height:1.7em;}





/* m62 */
.m62{}
.m62 .introSlg{height:760px;border-radius:0;margin-bottom:150px;}
.m62 .introSlg .bg{
	position:absolute;left:0;top:0;width:100%;height:100%;
	background:url(/images/page/m62_intro_bg.jpg) no-repeat center bottom;
	background-size:cover;
}
.m62 .introSlg .bg + div{position:relative;z-index:10;font-size:30px;color:#fff;font-weight:500;}
.m62 .introSlg .bg + div h3{margin-bottom:30px;font-size:24px;color:#fff;font-weight:500;}
.m62 .section1{
	position:relative;
	margin:100px 0 0;
	padding:0 0 100px;
}
.m62 h4{font-size:30px;color:#000;font-weight:500;}
.m62 h4 + p{margin-top:40px;font-size:14px;color:#666;line-height:1.7em;}
.m62 .con1{
	overflow:hidden;
	border-radius:10px;
	margin:70px 0 100px;
	background:url(/images/page/m62_bg1.jpg) no-repeat;
	background-size:cover;
}
.m62 .con1>div{
	box-sizing:border-box;
	position:relative;z-index:10;
	width:100%;
	font-size:20px;color:#fff;font-weight:500;text-align:center;
}
.m62 .con1>div strong{font-size:40px;}
.m62 .con1>div:nth-child(1){
	padding:40px 0 100px;
	border-right:1px solid rgba(255,255,255,0.5);
	background:url(/images/page/m62_arr1.png) no-repeat center 70%;
	background-size:auto 50%;
}
.m62 .con1>div:nth-child(2){
	padding:100px 0 40px;
	background:url(/images/page/m62_arr2.png) no-repeat center 30%;
	background-size:auto 50%;
}
.m62 .con2{}
.m62 .con2 .txtarea{width:100%;}
.m62 .con2 ul{display:flex;flex-wrap:wrap;align-content:space-between;justify-content:space-between;width:100%;}
.m62 .con2 ul li{
	display:flex;flex-wrap:wrap;align-items:center;
	box-sizing:border-box;
	width:32%;height:160px;
	padding:29px 0;margin:40px 0;
	border:1px solid #30413f;border-radius:10px;
}
.m62 .con2 ul li .icon{
	display:flex;align-items:center;justify-content:center;
	width:40%;	
}
.m62 .con2 ul li .icon img{height:40px;}
.m62 .con2 ul li .tit{
	box-sizing:border-box;
	width:60%;
	padding:0 35px;
	border-left:1px solid #b9b6b2;
	font-size:18px;color:#30413f;font-weight:500;text-align:left;
}
.m62 .con2 .imgarea{
	width:100%;height:30vh;
	aspect-ratio:730/540;
	background:url(/images/page/m62_con2_img.jpg) no-repeat center;
	background-size:cover;
	border-radius:10px;
}

@media(max-width:1040px){
	.m62 .con2 ul{display:block;margin:40px 0;}
	.m62 .con2 ul li{width:100%;margin:10px auto;}
}





/* m63 */
.m63{}
.m63 .introSlg{height:760px;border-radius:0;}
.m63 .introSlg .bg{
	position:absolute;left:0;top:0;width:100%;height:100%;
	background:url(/images/page/m63_intro_bg.jpg) no-repeat center bottom;
	background-size:cover;
}
.m63 .introSlg .bg + div{position:relative;z-index:10;font-size:30px;color:#fff;font-weight:500;}
.m63 .introSlg .bg + div h3{margin-bottom:30px;font-size:20px;color:#fff;font-weight:500;}
.m63 .section1{
	position:relative;
	margin:100px 0 0;
	padding:0 0 100px;
}
.m63 .section1 .con1{
	position:relative;
	box-sizing:border-box;	
	margin:100px 0 50px;
}
.m63 .section1 .con1 .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/page/m63_con1_bg.jpg) no-repeat;
	background-size:cover;
	border-radius:10px;
}
.m63 .section1 .con1 .conwrap{
	box-sizing:border-box;
	position:relative;z-index:10;
	padding:60px 5%;
}
.m63 .section1 .con1 .conwrap h4{
	box-sizing:border-box;
	width:100%;
	padding:0 0;
	font-size:30px;color:#fff;font-weight:500;
}
.m63 .section1 .con1 .conwrap>div{width:100%;}
.m63 .section1 .con1 .conwrap>div p{margin-top:20px;font-size:14px;color:#fff;line-height:1.7em;}
.m63 .section1 .con1 .conwrap>div .data{
	margin:100px 0 0;
	border-radius:10px;
	border:1px solid rgba(255,255,255,0.4);
	background:rgba(0,0,0,0.3);
}
.m63 .section1 .con1 .conwrap>div .data>div{
	box-sizing:border-box;
	width:100%;
	padding:70px 5%;
	text-align:center;
}
.m63 .section1 .con1 .conwrap>div .data>div:nth-child(1){border-bottom:1px solid rgba(255,255,255,0.4)}
.m63 .section1 .con1 .conwrap>div .data>div .icon{display:flex;align-items:center;justify-content:center;height:52px;}
.m63 .section1 .con1 .conwrap>div .data>div .numArea{margin:20px 0 10px;}
.m63 .section1 .con1 .conwrap>div .data>div .numArea .count{font-size:24px;color:#fff;font-weight:500;}
.m63 .section1 .con1 .conwrap>div .data>div .numArea .plus{font-size:24px;color:#fff;font-weight:500;}
.m63 .section1 .con1 .conwrap>div .data>div .numArea .unit{margin-left:5px;font-size:14px;color:#fff;font-weight:500;}
.m63 .section1 .con1 .conwrap>div .data>div .exp{font-size:14px;color:rgba(255,255,255,0.8);}
.m63 .section1 .con2{}
.m63 .section1 .con2 .imgarea{overflow:hidden;width:100%;height:45vh;border-radius:10px;}
.m63 .section1 .con2 .imgarea .img{
	width:100%;height:100%;
	background:url(/images/page/m63_con2_bg.jpg) no-repeat center;
	background-size:cover;
}
.m63 .section1 .con2 .txtsarea{
	box-sizing:border-box;
	width:100%;
	padding:60px 0;
}
.m63 .section1 .con2 .txtsarea h4{font-size:30px;color:#111;font-weight:500;line-height:1.3em;}
.m63 .section1 .con2 .txtsarea p{margin:30px 0 80px;font-size:14px;color:#666;line-height:1.7em;}
.m63 .section1 .con2 .txtsarea ul{}
.m63 .section1 .con2 .txtsarea ul li{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:240px;
	padding:0 30px;margin:0 auto;
	aspect-ratio:1/1;
	text-align:center;
	border-radius:50%;
}
.m63 .section1 .con2 .txtsarea ul li:nth-child(1){background:rgba(121,137,97,0.9);}
.m63 .section1 .con2 .txtsarea ul li:nth-child(2){background:rgba(78,95,66,0.9);}
.m63 .section1 .con2 .txtsarea ul li:nth-child(3){background:rgba(48,65,63,0.9);}
.m63 .section1 .con2 .txtsarea ul li .icon{height:42px;}
.m63 .section1 .con2 .txtsarea ul li .tit{margin-top:20px;font-size:16px;color:#fff;font-weight:500;}





/* m64 */
.m63{}
.m64 .introSlg{height:760px;border-radius:0;}
.m64 .introSlg .bg{
	position:absolute;left:0;top:0;width:100%;height:100%;
	background:url(/images/page/m64_intro_bg.jpg) no-repeat center bottom;
	background-size:cover;
}
.m64 .introSlg .bg + div{position:relative;z-index:10;font-size:30px;color:#fff;font-weight:500;}
.m64 .introSlg .bg + div h3{margin-bottom:30px;font-size:20px;color:#fff;font-weight:500;}
.m64 .section1{
	position:relative;
	margin:140px 0 0;
}
.m64 .section1 ul{padding:100px 0;}
.m64 .section1 ul li{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	position:relative;
	box-sizing:border-box;
	width:100%;height:52vh;
	padding:0 3%;margin-bottom:10px;
	text-align:center;
	border-radius:10px;
}
.m64 .section1 ul li .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m64 .section1 ul li:nth-child(1) .bg{background:url(/images/page/m64_sec1_bg1.jpg) no-repeat center;background-size:cover;}
.m64 .section1 ul li:nth-child(2) .bg{background:url(/images/page/m64_sec1_bg2.jpg) no-repeat center;background-size:cover;}
.m64 .section1 ul li:nth-child(3) .bg{background:url(/images/page/m64_sec1_bg3.jpg) no-repeat center;background-size:cover;}
.m64 .section1 ul li .bg + div{position:relative;z-index:10;}
.m64 .section1 ul li .icon{display:flex;align-items:center;justify-content:center;height:68px;}
.m64 .section1 ul li .tit{margin:25px 0;font-size:24px;color:#fff;font-weight:500;}
.m64 .section1 ul li .txt{font-size:14px;color:rgba(255,255,255,0.8);line-height:1.7em;}
.m64 .section2{
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	padding:100px 0;
	background:url(/images/page/m64_sec2_bg.jpg) no-repeat;
	background-size:cover;
}
.m64 .section2>div{}
.m64 .section2>div h4{
	box-sizing:border-box;
	width:100%;
	padding:0 5% 40px 0;
	font-size:30px;color:#fff;font-weight:500;
}
.m64 .section2>div ul{width:100%;}
.m64 .section2>div ul li{
	overflow:hidden;
	box-sizing:border-box;
	margin-bottom:20px;padding:20px;
	border:1px solid rgba(255,255,255,0.3);border-radius:10px;
	background:rgba(0,0,0,0.4);
}
.m64 .section2>div ul li .img{
	overflow:hidden;
	width:100%;
	border:1px solid rgba(255,255,255,0.3);
	border-radius:10px;
}
.m64 .section2>div ul li .img img{width:100%;}
.m64 .section2>div ul li .txts{
	box-sizing:border-box;
	width:calc(100% - 0%);
	padding:40px 0;
}
.m64 .section2>div ul li .txts .num{font-size:14px;color:#fff;font-weight:500;}
.m64 .section2>div ul li .txts .tit{margin:10px 0 20px;font-size:24px;color:#fff;font-weight:500;}
.m64 .section2>div ul li .txts .period{font-size:14px;color:#fff;font-weight:500;}