@charset "utf-8";
.pcbr{display:block;}
.ptbr{display:block;}
.tbbr{display:none;}
.mbbr{display:none;}
.dn{display:none;}
.pc_view{display: block;}
.pt_view{display: block;}
.t_view{display: none !important;}
.tm_view{display: none !important;}
.m_view{display: none !important;}
#wrap{overflow:hidden;}



#header.nav-up{transform:translateY(-150%);}
#header.nav-down{transform:translateY(0%);}
/* page common */
.subTitle{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	position:relative;
	width:100%;height:100vh;
	text-align:center;
}
.subTitle .bg{
	position:absolute;left:50%;top:50%;
	width:100%;height:100%;
	transform:translate(-50%, -50%);
}
.subTitle.pn1 .bg{background:url(/images/page/subvisual1.jpg) no-repeat center;background-size:cover;}
.subTitle.pn2 .bg{background:url(/images/page/subvisual2.jpg) no-repeat center;background-size:cover;}
.subTitle.pn3 .bg{background:url(/images/page/subvisual3.jpg) no-repeat center;background-size:cover;}
.subTitle.pn4 .bg{background:url(/images/page/subvisual4.jpg) no-repeat center;background-size:cover;}
.subTitle.pn5 .bg{background:url(/images/page/subvisual5.jpg) no-repeat center;background-size:cover;}
.subTitle.pn6 .bg{background:url(/images/page/subvisual6.jpg) no-repeat center;background-size:cover;}
.subTitle.pn8 .bg{background:url(/images/page/subvisual5.jpg) no-repeat center;background-size:cover;}
.subTitle .txts{position:relative;z-index:10;}
.subTitle .txts h2{font-family:"Wix Madefor Display";font-size:84px;color:#fff;font-weight:700;}
.subTitle .txts p{font-size:50px;color:#fff;font-weight:600;}
.subTitle .scroll{
	position:absolute;left:50%;bottom:0;
	width:1px;height:180px;
	background:rgba(255,255,255,0.5);
}
.subTitle .scroll:after{
	display:block;content:"";
	width:2px;height:60px;
	background:#fff;
	position:absolute;left:0;top:0;
	animation:aniScroll 1s infinite;
}
@keyframes aniScroll{
	0%{top:0;}
	100%{top:100%;}
}

.pn8 .pageInfo{margin-bottom: 100px;}
.pageInfo{
	display:flex;justify-content:space-between;align-items:center;
	padding:26px 4%;
	margin-bottom:160px;
}
.pageInfo .pageTabs{
	box-sizing:border-box;
	width:calc(100% - 350px);
}
.pageInfo .pageTabs ul{display:flex;}
.pageInfo .pageTabs ul li{margin-right:5px;}
.pageInfo .pageTabs ul li a{
	display:flex;align-items:center;justify-content:center;
	height:54px;
	padding:0 30px;
	font-size:17px;color:#000;
	border-radius:27px;
}
.pageInfo .pageTabs ul li.on a{background:#000;color:#fff;font-weight:500;}
.pageInfo .pageLocation{width:350px;}
.pageInfo .pageLocation ul{display:flex;justify-content:flex-end;}
.pageInfo .pageLocation ul li{
	position:relative;
	margin-left:15px;padding-left:16px;
	font-size:15px;color:#000;
}
.pageInfo .pageLocation ul li:before{
	display:block;content:"";
	width:1px;height:10px;
	background:#b2b2b2;
	position:absolute;left:0;top:5px;
}
.pageInfo .pageLocation ul li:first-child{padding:0;margin:0;}
.pageInfo .pageLocation ul li:first-child:before{display:none;}
.pageInfo .pageLocation ul li a{
	display:block;
	position:relative;
	padding-right:18px;
}
.pageInfo .pageLocation ul li img{vertical-align: unset;}
.innerwrap{max-width:1400px;width:94%;margin:0 auto;}
.innerwrap2{max-width:1740px;width:94%;margin:0 auto;}
.pageTitle1{font-size:62px;color:#000;font-weight:700;}





/* m11 */
.m11{padding:0 0 200px;}
.m11 .conwrap{margin-top:90px;}
.m11 .conwrap>div{
	display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
	margin-bottom:110px;
}
.m11 .conwrap>div:last-child{margin-bottom:0;}
.m11 .conwrap>div:nth-child(1) .img{
	overflow:hidden;
	width:600px;min-height:402px;
	background:url(/images/page/m11_img1.jpg) no-repeat center;
	background-size:cover;
	border-radius:30px;
}
.m11 .conwrap>div:nth-child(1) .txt{width:700px;}
.m11 .conwrap>div:nth-child(2){flex-direction:row-reverse;}
.m11 .conwrap>div:nth-child(2) .img{
	overflow:hidden;
	width:700px;min-height:530px;
	background:url(/images/page/m11_img2.jpg) no-repeat center;
	background-size:cover;
	border-radius:30px;
}
.m11 .conwrap>div:nth-child(2) .txt{width:600px;}
.m11 .conwrap>div .txt{padding:40px 0;}
.m11 .conwrap>div .txt h4{margin-bottom:40px;font-size:48px;color:#000;font-weight:700;line-height:1.3em;}
.m11 .conwrap>div .txt p{margin-bottom:30px;font-size:17px;color:#555;line-height:1.7em;}
.m11 .conwrap>div .txt p b{color:#222;}
.m11 .conwrap>div .txt p:last-child{margin-bottom:0;}
.m11 .conwrap>div .txt p strong{color:#000;font-weight:500;}





/* m12 */
.m12{padding:0 0 200px;}
.m12 .conwrap{margin-top:90px;}
.m12 .conwrap .area1{
	display:flex;
	box-sizing:border-box;
	padding:19px;margin-bottom:150px;
	border:2px dashed #b2b2b2;border-radius:200px;
}
.m12 .conwrap .area1>div{
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:center;
	position:relative;
	width:calc(50% + 110px);height:240px;
	border-radius:120px;	
	text-align:center;
}
.m12 .conwrap .area1>div:nth-child(1){background:#f9790c;margin:0 -110px 0 0;}
.m12 .conwrap .area1>div:nth-child(2){background:rgba(0,99,178,0.85);}
.m12 .conwrap .area1>div .icon{}
.m12 .conwrap .area1>div .tit{
	position:absolute;left:50%;top:100%;
	transform:translate(-50%,0);
	margin-top:70px;
	font-family:"Wix Madefor Display";font-size:24px;color:#000;font-weight:600;
}
.m12 .conwrap .area1>div .tit:before{
	display:block;content:"";
	width:1px;height:50px;
	border-left:2px dashed #b2b2b2;
	position:absolute;left:50%;bottom:calc(100% + 20px);
	transform:translateX(-50%);
}
.m12 .conwrap .area1>div .tit:after{
	display:block;content:"";
	width:9px;height:9px;
	border-radius:50%;
	position:absolute;left:50%;bottom:calc(100% + 15px);
	transform:translateX(-50%);
}
.m12 .conwrap .area1>div:nth-child(1) .tit:after{background:#f9790c;}
.m12 .conwrap .area1>div:nth-child(2) .tit:after{background:#0063b2;}
.m12 .conwrap .area1>div .txt{
	margin-top:20px;
	font-size:23px;color:#fff;font-weight:600;line-height:1.4em;
}
.m12 .txtwrap{
	width:92%;
	margin:0 auto;padding:75px;
	border-radius:30px;
	background:#f6f6f6;
	text-align:center;
}
.m12 .txtwrap p{
	margin-bottom:35px;
	font-size:17px;color:#585858;line-height:1.7em;font-weight:500;
	color:#222;
}
.m12 .txtwrap p:last-child{margin:0;}





/* m13 */
.m13{}
.m13 .conwrap{margin-top:90px;position: relative;padding-top: 50px;}
.m13 .conwrap .m13Tabs{margin-bottom:15px;position: absolute;top:0;left:50%;transform:translateX(-50%);z-index:100;}
.m13 .conwrap .m13Tabs ul{display:flex;}
.m13 .conwrap .m13Tabs ul li{}
.m13 .conwrap .m13Tabs ul li a{
	display:flex;align-items:center;justify-content:center;
	padding: 10px 20px;
	border-radius:22px;
	font-size:16px;color:#666;text-align:center;
}
.m13 .conwrap .m13Tabs ul li.on a,
.m13 .conwrap .m13Tabs ul li.active a{background:#f9790c;color:#fff;font-weight:500;}

.m13 .conwrap .m13Tabconwrap{}
.m13 .conwrap .m13Tabconwrap .titlearea{
	display:flex;align-items:center;justify-content:center;
	position:relative;
	width:100%;height:507px;
	border-top:4px solid #d3d3d3;
	text-align:center;
	overflow:hidden;
}
.m13 .conwrap .m13Tabconwrap .titlearea .bg{
	position:absolute;left:50%;top:50%;
	width:100%;height:100%;
	transform:translate(-50%, -50%);
}
.m13 .conwrap .m13Tabconwrap .tabcon:nth-child(1) .titlearea .bg{
	background:url(/images/page/m13_bg1.jpg) no-repeat;
	background-size:cover;
}
.m13 .conwrap .m13Tabconwrap .tabcon:nth-child(2) .titlearea .bg{
	background:url(/images/page/m13_bg2.jpg) no-repeat;
	background-size:cover;
}
.m13 .conwrap .m13Tabconwrap .titlearea .txt{position:relative;z-index:10;}
.m13 .conwrap .m13Tabconwrap .titlearea .txt h4{font-size:23px;color:#fff;font-weight:600;}
.m13 .conwrap .m13Tabconwrap .titlearea .txt .year{
	font-family:"Wix Madefor Display";font-size:80px;color:#fff;font-weight:700;
}
.m13 .conwrap .m13Tabconwrap .history{
	position:relative;
	padding:100px 0 200px;
}
.m13 .conwrap .m13Tabconwrap .history .linewrap{
position: absolute;
        top: 0px;
        left:calc(240px + 330px - 80px);
		width:2px;
        height: 0%;
background: #f9790c;
}

.m13 .conwrap .m13Tabconwrap .history:after{
	display:block;content:"";
	width:1px;height:105%;
	z-index:-1;
	border-left:2px dotted #ccc;
	position:absolute;left:calc(240px + 330px - 80px);top:0;
}
.m13 .conwrap .m13Tabconwrap .history>div{
	display:flex;justify-content:space-between;
	margin-bottom:85px;
}
.m13 .conwrap .m13Tabconwrap .history>div:last-child{margin-bottom:0;}
.m13 .conwrap .m13Tabconwrap .history>div .year{
	position:relative;
	width:240px;
	font-family:"Wix Madefor Display";font-size:64px;color:#000;font-weight:700;
}
.m13 .conwrap .m13Tabconwrap .history>div .year:before{
	display:block;content:"";
	width:15px;height:15px;
	box-sizing:border-box;
	border:2px solid #dcdcdc;border-radius:50%;
	background:#fff;
	position:absolute;left:100%;top:33px;z-index:10;
}
.m13 .conwrap .m13Tabconwrap .history>div .year:after{
	display:block;content:"";
	width:240px;height:1px;
	box-sizing:border-box;	
	background:#ddd;
	position:absolute;left:calc(100% + 10px);top:40px;
}
.m13 .conwrap .m13Tabconwrap .history>div ul{	
	position:relative;
	box-sizing:border-box;
	width:calc(100% - 240px);
	padding-top:28px;padding-left:330px;
}
.m13 .conwrap .m13Tabconwrap .history>div ul:before{
	display:block;content:"";
	width:15px;height:15px;
	box-sizing:border-box;
	border:2px solid #dcdcdc;border-radius:50%;
	background:#fff;
	position:absolute;left:243px;top:33px;z-index:10;
}
.m13 .conwrap .m13Tabconwrap .history>div ul:after{
	display:block;content:"";
	width:45px;height:45px;
	box-sizing:border-box;
	border-radius:50%;
	background:rgba(249,121,12,0.2);
	position:absolute;left:228px;top:18px;z-index:9;
	transform:scale(0);transition:all 0.4 ease; 
}
.m13 .conwrap .m13Tabconwrap .history>div ul.on:after{transform:scale(1);transform-origin:center center;transition:all 0.4 ease; }
.m13 .conwrap .m13Tabconwrap .history>div ul.on:before{border:2px solid #f9790c;transition:all 0.4 ease;transition-delay:1s;}
.m13 .conwrap .m13Tabconwrap .history>div ul li{
	margin-bottom:10px;
	font-size:17px;color:#666;
}
.m13 .conwrap .m13Tabconwrap .history>div ul li + li{margin-top: 20px;}
.m13 .conwrap .m13Tabconwrap .history>div ul li:last-child{margin-bottom:0;}


/* m14 */
.m14{}
.m14 h4{margin:90px 0 30px;font-size:38px;color:#000;font-weight:700;}
.m14 .section1{padding:0 0 170px;}
.m14 .section2{padding:170px 0;background:#f6f6f6;}
.m14 .section3{padding:170px 0;}
.m14 .conwrap{}
.m14 .conwrap ul{display:flex;flex-wrap:wrap;}
.m14 .conwrap ul li{
	width:32%;
	margin-top:35px;margin-right:2%;
	text-align:center;
}
.m14 .conwrap ul li:nth-child(3n){margin-right:0;}
.m14 .conwrap ul li .logoimg{
	height: 150px;
	background:#f6f6f6;
	border-radius:30px;
	padding: 10px 20px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.m14 .conwrap ul li .logoimg img{max-height: 100%;}
.m14 .section2 .conwrap ul li .logoimg{background:#fff;}
.m14 .conwrap ul li .name{padding:15px 0;font-size:17px;color:#333;font-weight:500;display: none !important;}





/* m15 */
.m15{}
.m15 .m15Tabs{margin:90px 0 25px;}
.m15 .m15Tabs ul{display:flex;flex-wrap:wrap;}
.m15 .m15Tabs ul li{}
.m15 .m15Tabs ul li a{
	display:flex;align-items:center;justify-content:center;
	height:42px;
	padding:0 24px;
	border-radius:22px;
	font-size:15px;color:#666;text-align:center;
}
.m15 .m15Tabs ul li.on a{background:#f9790c;color:#fff;}
.m15 .maparea{
	position:relative;
	background:#f6f6f6;
	text-align:center;
}
.m15 .maparea .map{
	position:relative;
	max-width:1920px;
	background:#f6f6f6;
	margin:0 auto;
}
.m15 .maparea .map li{position:absolute;left:0;top:0;opacity:0;transition:all 0.4s}
.m15 .maparea .map li:first-child{position:relative;}
.m15 .maparea .map li.on{opacity:1;}
.m15 .maparea .point{position:absolute;left: 50%; top: 50%; transform: translate(-50%, -50%);width:100%;height:100%;max-width:1920px;}
.m15 .maparea .point li{
	position:absolute;z-index:10;
	width:15px;height:20px;
	width:35px;height:35px;
	box-sizing:border-box;
	cursor:pointer;
}
.m15 .maparea .point li:nth-child(1){left:75.95%;top:46.5%;} /* 전체,서울 */
.m15 .maparea .point li:nth-child(2){left:62.5%;top:39.9%;} /* 카자흐스탄 */
.m15 .maparea .point li:nth-child(3){left:25.4%;top:59.5%;} /* 과테말라 */
.m15 .maparea .point li:nth-child(4){left:70.25%;top:41.6%;} /* 몽골 */
.m15 .maparea .point li:nth-child(5){left:72.8%;top:68.6%;} /* 인도네시아 */
.m15 .maparea .point li:nth-child(6){left:70.7%;top:61.4%;} /* 캄보디아 */
.m15 .maparea .point li:nth-child(7){left:70.7%;top:56.4%;} /* 베트남 */
.m15 .maparea .point li:nth-child(8){left:70.4%;top:67.1%;} /* 싱가포르 */
.m15 .infoarea{padding:90px 0 120px;}
.m15 .infoarea>div>ul{overflow:hidden;}
.m15 .infoarea>div>ul>li{
	float:left;
	width:49%;
	margin:0 2% 2% 0;padding:0 35px;
	background:#f6f6f6;
	border-radius:30px;
	cursor:pointer;
}
.m15 .infoarea>div>ul>li:nth-child(2n){margin-right:0;}
.m15 .infoarea>div>ul>li .title{display:flex;align-items:center;justify-content:space-between;padding:35px 0;}
.m15 .infoarea>div>ul>li .title .flag{width:49px;}
.m15 .infoarea>div>ul>li .title .nation{
	box-sizing:border-box;
	width:calc(100% - 49px - 11px);
	padding:0 20px;
	font-size:23px;color:#000;font-weight:600;
}
.m15 .infoarea>div>ul>li .title .arr{
	width:11px;height:11px;
	border-right:2px solid #000;border-bottom:2px solid #000;
	transform:rotate(45deg);
}
.m15 .infoarea>div>ul>li .con{
	display:none;
	padding:35px 0;
	border-top:1px solid #ccc;
}
.m15 .infoarea>div>ul>li .con .infobox{display:flex;align-items:center;margin-bottom:10px;}
.m15 .infoarea>div>ul>li .con .infobox:last-child{margin-bottom:0;}
.m15 .infoarea>div>ul>li .con .infobox .img{
	width:187px;
	margin-right:28px;
}
.m15 .infoarea>div>ul>li .con .infobox .img.two{
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}
.m15 .infoarea>div>ul>li .con .infobox ul{
	box-sizing:border-box;
	width:calc(100% - 187px - 28px);	
}
.m15 .infoarea>div>ul>li .con .infobox ul li{
	position:relative;
	padding-left:15px;margin-bottom:10px;
	font-size:17px;color:#555;font-weight:500;
}
.m15 .infoarea>div>ul>li .con .infobox ul li:before{
	display:block;content:"";
	width:6px;height:6px;
	box-sizing:border-box;
	border:1px solid #bbb;border-radius:50%;
	position:absolute;left:0;top:11px;
}





/* m16 */
.m16{}
.m16 .maparea{margin-top:90px;}
.m16 .maparea iframe{width:100%;height:630px;}
.m16 .infoarea{display:flex;flex-wrap:wrap;}
.m16 .infoarea>div{
	box-sizing:border-box;
	width:50%;	
}
.m16 .infoarea>div:nth-child(1){padding:80px 0 170px;border-right:1px solid #ccc;}
.m16 .infoarea>div:nth-child(2){padding:80px 0 170px 90px;}
.m16 .infoarea>div .title{display:flex;align-items:center;margin-bottom:35px;}
.m16 .infoarea>div .title .icon{
	border-radius:20px;
	background:#2d2d2d;
}
.m16 .infoarea>div .title .tit{padding-left:20px;font-size:28px;color:#222;font-weight:700;}
.m16 .infoarea>div ul{}
.m16 .infoarea>div ul li{
	position:relative;
	padding-left:35px;margin-bottom:15px;
	font-size:17px;color:#666;font-weight:500;
}
.m16 .infoarea>div ul li.addr{
	background:url(/images/page/m16_li_icon1.png) no-repeat left 3px;
}
.m16 .infoarea>div ul li.email{
	background:url(/images/page/m16_li_icon2.png) no-repeat left 7px;
}
.m16 .infoarea>div ul li.subway{padding-left:45px;}
.m16 .infoarea>div ul li.subway:before{
	display:block;
	position:absolute;left:0;top:0;
	width:27px;height:27px;
	box-sizing:border-box;border-radius:50%;
}
.m16 .infoarea>div ul li.subway.sub1:before{
	content:"1";
	border:3px solid #00328f;
	font-size:14px;color:#00328f;font-weight:700;text-align:center;
}
.m16 .infoarea>div ul li.subway.sub3:before{
	content:"3";
	border:3px solid #ff5e2a;
	font-size:14px;color:#ff5e2a;font-weight:700;text-align:center;
}
.m16 .infoarea>div ul li.subway.sub5:before{
	content:"5";
	border:3px solid #954db7;
	font-size:14px;color:#954db7;font-weight:700;text-align:center;
}





/* m21 */
.m21{}
.m21 .section1{
	position:relative;
	margin-top:90px;
	padding:150px 0 0;
	background:#f6f6f6;
}
.m21 .section1 h4{
	position:relative;z-index:10;
	padding:0 5%;
	font-size:50px;color:#000;font-weight:700;text-align:center;
}
.m21 .section1 h5{
	position:relative;z-index:10;
	padding:0 5%;margin-top:40px;
	font-size:32px;color:#555;font-weight:600;text-align:center;
}
.m21 .section1 h5 strong{color:#f9790c;}
.m21 .section1 .bg{
	position:relative;
	width:100%;height:790px;
	margin:0 auto;
	transform:translateY(-13%);
	background:url(/images/page/m21_sec1_bg.jpg) no-repeat center top;
	background-size:contain;
}
.m21 .section1 .bg img{position:absolute;}
.m21 .section1 .bg img.img1{left:31.75%;top:22%;}
.m21 .section1 .bg img.img2{left:27%;top:59%;}
.m21 .section1 .bg img.img3{left:55.5%;top:29%;}
.m21 .section1 .bg img.img4{left:41.5%;top:38.5%;}
.m21 .section1 .bg img.img5{left:72.5%;top:18.5%;}
.m21 .section1 .bg img.img6{left:73%;top:54.75%;}
.m21 .section1 .bg img.img7{left:15.5%;top:21%;}
.m21 .section1 .bg .source{
	position:absolute;left:12%;bottom:0;
	font-size:15px;color:#888;
}
.m21 .section1 p{
	position:absolute;left:0;bottom:9%;z-index:10;
	width:100%;
	font-size:26px;color:#444;text-align:center;
}
.m21 .section1 p strong{}

.m21 .section2{padding:150px 0;}
.m21 .section2 h4{
	position:relative;z-index:10;
	padding:0 5%;
	font-size:50px;color:#000;font-weight:700;text-align:center;
}
.m21 .section2 h4 strong{color:#f9790c;}
.m21 .section2 h5{
	position:relative;z-index:10;
	padding:0 5%;
	margin-top: 30px;
	font-size:33px;color:#000;font-weight:700;text-align:center;
}
.m21 .section2 ul{display:flex;justify-content:center;margin:60px 0 90px;}
.m21 .section2 ul li{
	width:450px;
	font-size:20px;color:#444;text-align:center;
}
.m21 .section2 ul li:nth-child(2){margin:0 25px;}
.m21 .section2 ul li .img{
	width:100%;height:237px;
	margin:0 0 20px;
	border-radius:30px;
}
.m21 .section2 ul li:nth-child(1) .img{background:url(/images/page/m21_sec2_img1.jpg) no-repeat center;background-size:cover;}
.m21 .section2 ul li:nth-child(2) .img{background:url(/images/page/m21_sec2_img2.jpg) no-repeat center;background-size:cover;}
.m21 .section2 ul li:nth-child(3) .img{background:url(/images/page/m21_sec2_img3.jpg) no-repeat center;background-size:cover;}
.m21 .section2 p{font-size:26px;color:#444;text-align:center;}

.m21 .section3{padding:150px 0;background:#f6f6f6;}
.m21 .section3 h4{
	position:relative;z-index:10;
	padding:0 5%;
	font-size:50px;color:#000;font-weight:700;text-align:center;
}
.m21 .section3 h4 span{font-size:26px;margin-bottom: 32px;}
.m21 .section3 ul{display:flex;justify-content:center;margin:60px 0 0;}
.m21 .section3 ul li{text-align:center;}
.m21 .section3 ul li:nth-child(1){margin-right:29px;}
.m21 .section3 ul li .txt{margin-top:35px;font-size:20px;color:#444;}
.m21 .section3 ul li .txt strong{}

.m21 .section4{padding:150px 0;}
.m21 .section4 h4{
	position:relative;z-index:10;
	padding:0 5%;
	font-size:50px;color:#000;font-weight:700;text-align:center;
}
.m21 .section4 h5{
	position:relative;z-index:10;
	padding:0 5%;margin-top:30px;
	font-size:26px;color:#555;font-weight:700;text-align:center;
}
.m21 .section4 h5 strong{color:#f9790c;}
.m21 .section4 .imgarea{position:relative;max-width:1400px;width:94%;margin:80px auto 90px;}
.m21 .section4 .txtbox{
display: flex;align-items:center;justify-content:center;background: #f6f6f6;border-radius:30px;
padding:60px 0;max-width:1400px;width:94%;margin:0 auto;
}
.m21 .section4 p{font-size:26px;color:#444;text-align:center;line-height: 1.55em;}

.m21 .section5{padding:150px 0;background:#f6f6f6;}
.m21 .section5 h4{
	position:relative;z-index:10;
	padding:0 5%;
	font-size:50px;color:#000;font-weight:700;text-align:center;
}
.m21 .section5 p{
	padding:0 5%;
	margin:20px 0 90px;
	font-size:26px;color:#000;font-weight:700;text-align:center;
}
.m21 .section5 p strong{color:#f9790c;}
.m21 .section5 .img{max-width:1400px;width:94%;margin:0 auto;}

.m21 .section6{padding:150px 0;}
.m21 .section6 h4{
	position:relative;z-index:10;
	padding:0 5%;
	font-size:50px;color:#000;font-weight:700;text-align:center;
}
.m21 .section6 p{
	padding:0 5%;
	margin:20px 0 90px;
	font-size:26px;color:#000;font-weight:700;text-align:center;
}
.m21 .section6 p strong{color:#f9790c;}
.m21 .section6 .conwrap{position:relative;max-width:1400px;width:94%;margin:0 auto;}
.m21 .section6 .conwrap h5{
	position:absolute;left:50%;top:50%;z-index:10;
	transform:translate(-50%,-50%);
	box-sizing:border-box;
	width:360px;height:360px;
	padding:20px;
	background:rgba(255,255,255,0.2);
	border-radius:50%;
}
.m21 .section6 .conwrap h5>div{
	box-sizing:border-box;
	width:100%;height:100%;
	padding:20px;
	background:#fff;
	border-radius:50%;
}
.m21 .section6 .conwrap h5>div>div{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100%;
	border:2px dashed #ddd;
	border-radius:50%;
	text-align:center;
}
.m21 .section6 .conwrap h5>div>div>div{width: 100%;}
.m21 .section6 .conwrap h5>div>div .icon{}
.m21 .section6 .conwrap h5>div>div .tit{margin-top:10px;padding:0 5%;font-size:22px;color:#000;font-weight:700;}
.m21 .section6 .conwrap ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m21 .section6 .conwrap ul li{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	position:relative;
	width:48.5%;height:300px;
	margin-bottom:3%;
	border-radius:30px;
	text-align:center;
}
.m21 .section6 .conwrap ul li .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m21 .section6 .conwrap ul li:nth-child(1) .bg{background:url(/images/page/m21_sec6_img1.jpg) no-repeat;background-size:cover;}
.m21 .section6 .conwrap ul li:nth-child(2) .bg{background:url(/images/page/m21_sec6_img2.jpg) no-repeat;background-size:cover;}
.m21 .section6 .conwrap ul li:nth-child(3) .bg{background:url(/images/page/m21_sec6_img3.jpg) no-repeat;background-size:cover;}
.m21 .section6 .conwrap ul li:nth-child(4) .bg{background:url(/images/page/m21_sec6_img4.jpg) no-repeat;background-size:cover;}
.m21 .section6 .conwrap ul li dl{position:relative;z-index:10;}
.m21 .section6 .conwrap ul li dl dt{font-size:27px;color:#fff;font-weight:600;}
.m21 .section6 .conwrap ul li dl dd{margin-top:20px;font-size:17px;color:#fff;line-height:1.7em;}

.m21 .section7{padding:150px 0;background:#f6f6f6;}
.m21 .section7 h5{
	position:relative;z-index:10;
	padding:0 5%;
	font-size:32px;color:#000;font-weight:700;text-align:center;
}
.m21 .section7 .conwrap{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	margin-top:60px;
}
.m21 .section7 .conwrap dl{
	width:48.5%;
	padding:35px 0 35px 160px;
	border-bottom:1px solid #333;
}
.m21 .section7 .conwrap dl:nth-child(1){
	background:url(/images/page/m21_sec7_img8.png) no-repeat left 25px;
	border-top:1px solid #333;
}
.m21 .section7 .conwrap dl:nth-child(2){
	background:url(/images/page/m21_sec7_img4.jpg) no-repeat left 25px;
	border-top:1px solid #333;
}
.m21 .section7 .conwrap dl:nth-child(3){
	background:url(/images/page/m21_sec7_img9.png) no-repeat left 25px;
}
.m21 .section7 .conwrap dl:nth-child(4){
	background:url(/images/page/m21_sec7_img10.png) no-repeat left 25px;
}
.m21 .section7 .conwrap dl:nth-child(5){
	background:url(/images/page/m21_sec7_img11.png) no-repeat left 25px;
}
.m21 .section7 .conwrap dl:nth-child(6){
	background:url(/images/page/m21_sec7_img1.jpg) no-repeat left 25px;
}
.m21 .section7 .conwrap dl:nth-child(7){
	background:url(/images/page/m21_sec7_img12.png) no-repeat left 25px;
}
.m21 .section7 .conwrap dl:nth-child(8){
	background:url(/images/page/m21_sec7_img13.png) no-repeat left 25px;
}
.m21 .section7 .conwrap dl:nth-child(9){
	background:url(/images/page/m21_sec7_img7.jpg) no-repeat left 25px;
}
.m21 .section7 .conwrap dl:nth-child(10){
	background:url(/images/page/m21_sec7_img3.jpg) no-repeat left 25px;
}
.m21 .section7 .conwrap dl:nth-child(11){
	background:url(/images/page/m21_sec7_img5.jpg) no-repeat left 25px;
}
.m21 .section7 .conwrap dl dt{font-size:23px;color:#000;font-weight:700;}
.m21 .section7 .conwrap dl dd{margin-top:10px;}
.m21 .section7 .conwrap dl dd ul{}
.m21 .section7 .conwrap dl dd ul li{
	position:relative;
	padding-left:10px;
	font-size:17px;color:#555;line-height:1.7em;
}
.m21 .section7 .conwrap dl dd ul li:before{
	display:block;content:"";
	width:6px;height:6px;
	box-sizing:border-box;
	border:1px solid #b1b1b1;border-radius:50%;
	position:absolute;left:0;top:11px;
}





/* m31 */
.m31{}
.m31 .section1{
	position:relative;
	margin-top:90px;
	padding:150px 0;
	background:#f6f6f6;
}
.m31 .section1 h4{
	padding:0 5%;
	font-size:50px;color:#000;font-weight:700;text-align:center;
}
.m31 .section1 p{margin:30px auto 70px;font-size:26px;color:#444;text-align:center;
	width: 92%; max-width: 1400px; line-height: 1.4em;
}
.m31 .section1 .img{
	text-align:center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.m31 .section1 .img .tip{margin-top:20px;font-size:18px;color:#444;}

.m31 .section2{padding:150px 0;}
.m31 .section2 h4{font-size:50px;color:#000;font-weight:700;text-align:center;}
.m31 .section2 p{margin:30px 0 70px;font-size:26px;color:#555;font-weight:600;text-align:center;}
.m31 .section2 p strong{color:#f9790c;}
.m31 .section2>ul{display:flex;justify-content:center;margin:60px 0 90px;}
.m31 .section2>ul li{
	width:450px;
	font-size:20px;color:#444;text-align:center;
}
.m31 .section2>ul li:nth-child(2){margin:0 25px;}
.m31 .section2>ul li .img{
	width:100%;height:237px;
	margin:0 0 20px;
	border-radius:30px;
}
.m31 .section2>ul li:nth-child(1) .img{background:url(/images/page/m31_sec2_img1.jpg) no-repeat center;background-size:cover;}
.m31 .section2>ul li:nth-child(2) .img{background:url(/images/page/m31_sec2_img2.jpg) no-repeat center;background-size:cover;}
.m31 .section2>ul li:nth-child(3) .img{background:url(/images/page/m31_sec2_img3.jpg) no-repeat center;background-size:cover;}
/* .m31 .section2 .merit{position:relative;padding:230px 0 0;}
.m31 .section2 .merit h5{
	display:flex;align-items:center;justify-content:center;
	width:788px;height:790px;
	margin:0 auto;
	background:url(/images/page/m31_sec2_merit_bg.png) no-repeat center center;
	font-size:50px;color:#222;font-weight:600;text-align:center;
}
.m31 .section2 .merit h5 .icon{margin-bottom:15px;}
.m31 .section2 .merit h5 strong{color:#f9790c;}
.m31 .section2 .merit ul{}
.m31 .section2 .merit ul li{
	position:relative;
	font-size:34px;color:#222;font-weight:600;text-align:center;
}
.m31 .section2 .merit ul li:nth-child(1){
	position:absolute;left:50%;top:85px;
	transform:translate(-50%,0);
}
.m31 .section2 .merit ul li:nth-child(2){
	position:absolute;left:50%;top:76%;
	transform:translate(-50%,0);
	margin:0 0 0 -22.5%;
}
.m31 .section2 .merit ul li:nth-child(3){
	position:absolute;left:50%;top:76%;
	transform:translate(-50%,0);
	margin:0 0 0 22.5%;
}
.m31 .section2 .merit ul li:before{
	display:block;content:"";
	width:50px;height:50px;
	background:url(/images/page/m31_sec2_merit_dot.png) no-repeat;
	position:absolute;
}
.m31 .section2 .merit ul li:nth-child(1):before{left:50%;top:calc(100% + 25px);transform:translate(-50%,0);}
.m31 .section2 .merit ul li:nth-child(2):before{left:calc(100% + 25px);top:50%;transform:translate(0,-50%);}
.m31 .section2 .merit ul li:nth-child(3):before{right:calc(100% + 25px);top:50%;transform:translate(0,-50%);} */

.m31 .section.merit .m_con{display: none;}

.m31 .section3{
width:100%;box-sizing:border-box;background: #f6f6f6;padding:160px 0;
}
.m31 .section3 h4{
font-size:35px;color:#000;font-weight: bold;line-height: 1.4em;text-align: center;margin-bottom: 90px;
}
.m31 .section3 h4>span{font:inherit;color:#f9790c;}
.m31 .section3 .listwrap{
display: flex;justify-content:space-between;flex-wrap:wrap;
align-items:start;
}

.m31 .section3 .listwrap>li{width:50%;position: relative;display: flex;align-items:center;justify-content:space-between;}
.m31 .section3 .listwrap>li .num{
	background: var(--bg);width:50px;height: 50px;border-radius:50%;line-height: 50px;text-align: center;
	font-family: "Wix Madefor Display";color:#fff;font-size:20px;font-weight: 600;
	position: relative;
}
.m31 .section3 .listwrap>li .num:before{
	position: absolute;content:'';
	width:calc(4.2vw + 25px);z-index:-1;
	height:1px;
	box-sizing:border-box;
	border-top:1px dashed #c5c5c5;
	top:50%;transform:translateY(-50%);
	right:100%;
}

.m31 .section3 .listwrap>li .num:after{
	position: absolute;content:'';
	width:3px;
	height:130px;
	box-sizing:border-box;
	top:100%;transform:translateX(-50%);
	left:50%;
	background: #ddd;
}
.m31 .section3 .listwrap>li:nth-child(even) .num:after{
transform:translateX(-50%);
	right:calc(50% - 2px);left:auto;
}
.m31 .section3 .listwrap>li:nth-child(6) .num:after{display: none;}
.m31 .section3 .listwrap>li>dl{
width:84.57%;
width:calc(100% - 50px - 4.16vw);min-height:167px;
border-radius:30px;background: #fff;
box-sizing:border-box;
padding:2.083vw 1.56vw;
padding-right: 150px;
position: relative;overflow:hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.m31 .section3 .listwrap>li>dl:before{
position: absolute;content:'';
width:97px;height:97px;border-radius:18px;
top:50%;right:1.083vw;
transform:translateY(-50%);
background: url(/images/page/m31_sec3_icon1.png)no-repeat center / cover;
}
.m31 .section3 .listwrap>li:nth-child(2)>dl:before{background: url(/images/page/m31_sec3_icon2.png)no-repeat center / cover;}
.m31 .section3 .listwrap>li:nth-child(3)>dl:before{background: url(/images/page/m31_sec3_icon3.png)no-repeat center / cover;}
.m31 .section3 .listwrap>li:nth-child(4)>dl:before{background: url(/images/page/m31_sec3_icon4.png)no-repeat center / cover;}
.m31 .section3 .listwrap>li:nth-child(5)>dl:before{background: url(/images/page/m31_sec3_icon5.png)no-repeat center / cover;}
.m31 .section3 .listwrap>li:nth-child(6)>dl:before{background: url(/images/page/m31_sec3_icon6.png)no-repeat center / cover;}
.m31 .section3 .listwrap>li>dl>dt{font-size:24px;color:#222222;font-weight: bold;font-family: "Wix Madefor Display";}
.m31 .section3 .listwrap>li>dl>dd{font-size:13px;color:#515151;font-weight: 350;line-height: 1.6em;margin-top: 6px;}

.m31 .section3 .listwrap>li:nth-child(odd){flex-direction:row-reverse;margin-top: -61px;text-align: right;}
.m31 .section3 .listwrap>li:nth-child(1){margin-top: 0;}
.m31 .section3 .listwrap>li:nth-child(odd) .num{
transform:translateX(50%);
}
.m31 .section3 .listwrap>li:nth-child(even) .num{
transform:translateX(-50%);
}
.m31 .section3 .listwrap>li:nth-child(even) .num:before{right:auto;left:100%;}

.m31 .section3 .listwrap>li:nth-child(even){margin-top: 117px;}
.m31 .section3 .listwrap>li:nth-child(even)>dl{padding-right: 1.083vw;padding-left: 150px;}
.m31 .section3 .listwrap>li:nth-child(even)>dl:before{
right:auto;left:1.083vw;
}
.m31 .section4{
box-sizing:border-box;width:100%;padding:160px 0 260px;
}
.m31 .section4 h4{
font-size:50px;color:#111;font-weight: bold;line-height: 1.3em;text-align: center;
}
.m31 .section4 .diawrap{margin:80px auto 50px;display: flex;align-items:start;justify-content:space-between;gap:8px;}
.m31 .section4 .diawrap .item-list{width:28.7%;;}
.m31 .section4 .diawrap .center{width:calc(100% - 28.7% * 2 - 16px);}
.m31 .section4 .m_img{display: none;}
.m31 .section4 .txtbox{
border-radius:30px;width:100%;height:230px;background: #f6f6f6;
display: flex;align-items:center;justify-content:center;
}
.m31 .section4 .txtbox>p{font-size:26px;color:#111;font-weight: bold;line-height: 1.5em;text-align: center;}
.m31 .section4 .txtbox>p>span{color:#f9790c;}

/*merit*/
#header{transform:translateY(0px);}
#header.up{transform:translateY(-110px);transition:transform 0.6s ease;}
.m31 .merit .cont-area{
position: -webkit-sticky;
position: sticky;
top: 0;
height:100vh;
min-height:1080px;
width: 100%
}
.m31 .merit .cont-area .cont-area-inner{
	position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 100vh;
    width: 100%;
    min-height: 1080px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    padding:0 5.73vw;
	box-sizing:border-box;
    margin: 0 auto;
}
.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn{
	position: relative;
	transition:all 0.6s ease;
transform:translateY(-3vh);
}
.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn{
margin-right: 50%;
}
.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside{
	width:780px;
    height: 780px;
	max-width:780px;
	max-height:780px;
	aspect-ratio:1 / 1;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    transition: .6s ease;
}
.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .inside{
transform:scale(0.85);
}
.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-head {
    width:660px;
	height:660px;
	max-width:660px;
	max-height:660px;
    position: absolute;
    left: 50%;;
    top: 50%;
	transform:translate(-50%, -50%);
    z-index: 1;
	background: #fff;
	border-radius:50%;
	display: flex;flex-direction:column;align-items:center;justify-content:center;
    transition:all 0.6s ease;
}
.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-head:before{
	width:100%;
	height:100%;
    position: absolute;
    left: 50%;
	content:'';
    top: 50%;
	transform:translate(-50%, -50%);
	border-radius:50%;
	/* border:1px dashed rgba(0,0,0.35); */

}
/* .m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-head:after{
	width:100%;
	height:100%;
    position: absolute;
    left: 50%;
	content:'';
    top: 50%;
	transform:translate(-50%, -50%);
	border-radius:50%;
	border:2px solid #8ebc2b;
	
} */

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-head .tit {
    font-size: 50px;
    font-weight: bold;
    color: #000;
    text-align: center;
}
.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-head .tit>span{color:#f9790c;}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-head .logo>img {
   display: block;max-width:100%;margin:0 auto;
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-head .logo+.tit {
    margin-top: 12px;
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data {
    width: 780px;
    position: absolute;
    left:-100%;
    top: 0;
    transition: .6s ease
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item {
    width:  780px;
    height:  780px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: .6s ease;
	position: relative;
	z-index:30;
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item .data-item-wrap {
    position: relative;
    border-radius: 100%;
    overflow: hidden;
    transform: scale(1.14);
    width: 330px;
    height: 330px;
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item .data-item-wrap img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item .data-item-wrap:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item.item1 .data-item-wrap {
    /* width: 20rem;
    height: 20rem */
	width: 330px;height: 330px;transform:scale(1);
}


.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item.item2 .data-item-wrap,
.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item.item3 .data-item-wrap {

	width: 330px;height: 330px;transform:scale(1);
}
.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item.item1 .data-item-wrap,
.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item.item2 .data-item-wrap,
.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item.item3 .data-item-wrap{
transform:scale(1.2);
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item.item3 .data-item-wrap {
   /*  transform: scale(1.14) rotate(30deg) */
    transform: rotate(30deg)
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-bg {
    height: 780px;;
    width:  780px;;
    background: url(/images/page/m31_merit_circle_bg.png)no-repeat center;
	background-size:cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: .6s ease
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-data {
    width: 100%;
    height:  780px;;
    position: absolute;
    top: 0;
    left: 0;
    transition: .6s ease
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item {
    font-size: 24px;
    font-weight:bold;
    color: #222;
    position: absolute;
    transition: .6s ease;
    width: auto;
    height: auto;
	white-space:nowrap;
	word-wrap:normal;
	word-break:keep-all;
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item1 {
    top: -94px;
    left: 50%;
    transform: translateX(-50%);
	text-align: center;
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item2 {
	bottom: 153px;
	left: -301px;
	text-align: center;
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item3 {
	bottom: 158px;
	right: -229px;
	text-align: center;
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-bg {
    width: 100%;
    height:  780px;;
    position: absolute;
    top: 0;
    left: 0;
    transition: .6s ease
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot {
    width: 50px;
    height: 50px;
    background-color: #e3432a;
    border-radius: 100%;
    border: 20px solid #f9d9d4;
    position: absolute;
    transition: .6s ease;
	box-sizing:border-box;
}


.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot1 {
    top: -25px;
    left: 50%;
    transform: translateX(-50%)
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot2 {
    bottom: 175px;
	left:30px;
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot3 {
    bottom: 176px;
    right: 31px;
}



.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-info {
    width: 44.2rem;
    height: 300vh;
    position: absolute;
    top: 100%;
   right:0;
    opacity: 0;
    transition: .6s ease
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item {
    height: 100vh;
    padding-right: 5.73vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transform: scale(1.7);
	
    transform-origin: top left;
    transition: .6s ease
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item .item-wrap .item-head .num {
    font-size: 16px;
    font-weight: 600;
	font-family:"Wix Madefor Display";
	color:#fff;
	background: #f9790c;
	width:39px;height:39px;border-radius:11px;line-height: 39px;text-align: center;
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item .item-wrap .item-head .num +.tit {
    margin-top: 35px;
}


.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item .item-wrap .item-head .tit {
    font-size: 35px;
    font-weight: 600;
    line-height: 1.3em;
    color: #222;
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item .item-wrap .item-head+.item-body {
    margin-top: 60px;
}

.m31 .merit .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item .item-wrap .item-body .desc {
    font-size: 26px;
    font-weight: 400;
    line-height: 1.5em;
    color: #444444;
}

.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn {
    margin-right: 91rem;
}

.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .inside {
   /*  transform: scale(.86) */
}

.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .inside .inside-head {
    left: -67rem;
    transform: scale(.9)
}

.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .inside .inside-data {
    left: 0
}

.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item.item1 {
  /*   transform: scale(1.7) */
}

.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .inside .inside-bg {
    transform: rotate(90deg);
}

.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-data {
    transform: rotate(90deg);
}

.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item {
  /*   transform: rotate(90deg) scale(1.14); */
    transform: rotate(-90deg);
}

.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item1 {
	top: -22%;
	left: 240px;
	font-size: 30px;
}

.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item2 {
    bottom: 133px;
    left: 0px;
    font-size:20px;
	text-align: center;
}

.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item3 {
    bottom: 187px;
    right: -50px;
    font-size: 24px;
	text-align: center;
}

.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-bg {
  /*   transform: rotate(-90deg) scale(.86) */
    transform: rotate(90deg);
}
.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot1{
top:36px;
}
.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot1:before{
height:80px;
}
.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot2 {
    background-color: #fff;
    border-color: #e3432a;
    transform: scale(.4);
	z-index:100;
	bottom:202px;
	border-width:12px;
	left:78px;
}
.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot2:before{
	bottom:-10px;
	left:calc(50% + 66px);height: 110px;
	 transform: translateX(-50%) rotate(65deg);
}

.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot3 {
    background-color: #fff;
    border-color: #e3432a;
    transform: scale(.6);
	border-width:12px;
	bottom:201px;right:81px;
}
.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot3:before{
	bottom:-15px;height:140px;right:calc(50% + 70px);transform:translateX(-50%) rotate(-60deg);
}

.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-info {
    opacity: 1;
    top: 0
}

.m31 .merit .circle-slide-display.act1 .circle-slide-wrap .circle-slide-info .info-list .info-item.item1 {
    transform: scale(1)
}



.m31 .merit .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .inside .inside-data {
    top: -100%
}

.m31 .merit .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item.item2 {
 /*    transform: scale(.66) */
}

.m31 .merit .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .inside .inside-bg {
    transform: rotate(90deg)
}

.m31 .merit .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-data {
 /*    transform: scale(.86) rotate(30deg) */
    transform: rotate(-30deg);
}

.m31 .merit .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item {
    /* transform: rotate(-30deg) scale(1.14) */
	transform: rotate(30deg) ;
}

.m31 .merit .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item1 {
    top: -4rem;
    left: 18rem;
    font-size: 20px;text-align: center;
}

.m31 .merit .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item2 {
    bottom:136px;
    left: 0px;
    font-size: 24px;
	text-align: center;
}


.m31 .merit .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item3 {
    bottom: 6rem;
    right: -12.5rem;
    font-size: 30px;text-align: center;
}

.m31 .merit .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-bg {
   /*  transform: rotate(30deg) scale(.86) */
    transform: rotate(210deg);
}

.m31 .merit .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot1 {
    background-color: #fff;
    border-color: #e3432a;
    transform: scale(.6);
	border-width:11px;
    top: 38px;
    left: 47.2%;
}
.m31 .merit .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot1:before{
height:145px;
}

.m31 .merit .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot2 {
    transform: scale(1);
    bottom: 194px;
    left: 80px;
	background-color: #e3432a;
	border-radius: 100%;
	border: 20px solid #f9d9d4;
}
.m31 .merit .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot2:before{
	bottom: -5px;
        left: calc(50% + 47px);
        height: 90px;
        transform: translateX(-50%) rotate(60deg);
}

.m31 .merit .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot3 {
    background-color: #fff;
    border-color: #e3432a;
    transform: scale(.4);
	border-width:12px;
    bottom: 197px;
    right: 80px;
	}
.m31 .merit .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot3:before{
height:100px;bottom:-4px;right:calc(50% + 60px);
}

.m31 .merit .circle-slide-display.act2 .circle-slide-wrap .circle-slide-info {
    top: -100vh
}

.m31 .merit .circle-slide-display.act2 .circle-slide-wrap .circle-slide-info .info-list .info-item.item2 {
    transform: scale(1)
}

/*act3*/
.m31 .merit .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .inside .inside-data {
    top: -200%
}

.m31 .merit .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item.item3 {

}

.m31 .merit .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-data {
   /*  transform: scale(.86) rotate(150deg) */
    transform: rotate(-150deg);
}

.m31 .merit .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item {
   /*  transform: rotate(-150deg) scale(1.14) */
    transform: rotate(150deg);
}

.m31 .merit .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item1 {
            top: -40px;
        left: 292px;
        font-size: 24px;
}

.m31 .merit .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item2 {
	bottom: 4.5rem;
	left: -18.5rem;
	font-size: 30px;
}

.m31 .merit .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item3 {
    bottom: 197px;
    right: -5rem;
    font-size: 20px;
}

.m31 .merit .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-bg {
    transform: rotate(330deg);
}

.m31 .merit .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot1 {
   background-color: #fff;
        border-color: #e3432a;
    transform: scale(.4);
	border-width: 12px;
    top: 2rem;
    left: 47.2%;
}

.m31 .merit .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot2 {
   background-color: #fff;
        border-color: #e3432a;
    transform: scale(.6);
	border-width:11px;
    bottom: 201px;
    left:80px;
}
.m31 .merit .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot2:before{
	bottom: -18px;
        left: calc(50% + 86px);
        height: 160px;
        transform: translateX(-50%) rotate(60deg);
}
.m31 .merit .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot3 {
    transform: scale(1);
    bottom: 200px;
    right:79px;
	background-color: #e3432a;
	border: 20px solid #f9d9d4;
}
.m31 .merit .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot3:before{
	
}

.m31 .merit .circle-slide-display.act3 .circle-slide-wrap .circle-slide-info {
    top: -200vh
}

.m31 .merit .circle-slide-display.act3 .circle-slide-wrap .circle-slide-info .info-list .info-item.item3 {
    transform: scale(1)
}

/*m41*/
.m40{padding-bottom: 260px;}
.m40 .pageTitle1{margin-bottom: 100px;}
.m41{padding-bottom: 0;}
.m41 .section{padding:180px 0;}
.m41 .section h4.title{
	color: #000;
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 70px;
}	
.m41 .section1{padding:0;}
.m41 .section1 .banner{
position: relative;width:100%;height: 710px;
display: flex;flex-direction:column;align-items:center;justify-content:center;
overflow:hidden;
}
.m41 .section1 .banner  .bg{
position: absolute;
background: url(/images/page/m41_sec1_bg.jpg)no-repeat center / cover;
top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1;
width:100%;height: 100%;
}
.m41 .section1 .banner .txts{text-align: center;}
.m41 .section1 .banner .slogan{text-align: center;display: block;font-weight:bold;font-size:64px;color:#fff;line-height: 1.4em;}
.m41 .section1 .txtbox{margin-top: 110px;}
.m41 .section1 .txtbox p{font-weight:350;font-size:26px;color:#666666;line-height: 1.6em;text-align: center;}
.m41 .section2 .conarea{
display: flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
gap:4.16vw;
}
.m41 .section2 .conarea .info_graph{width:calc(100% - 4.16vw - 45%);}
.m41 .section2 .conarea .ico-list{
width:45%;
}
.m41 .section2 .conarea .ico-list>li{
display: flex;flex-wrap:wrap;align-items:center;
padding:30px 0;border-bottom: 1px solid #dfdfdf;;
}
.m41 .section2 .conarea .ico-list>li>.tag{
display: flex;flex-direction:column;align-items:center;justify-content:center;
width:276px;height:167px;background: #f6f6f6;border-radius:30px;
padding: 0 10px;
}
.m41 .section2 .conarea .ico-list>li>.tag strong{
text-align: center;font-size:28px;color:#000;font-weight: bold;line-height: 1.4em;
}
.m41 .section2 .conarea .ico-list>li>.infos{padding-left: 1.2vw;box-sizing:border-box;width:calc(100% - 276px);}
.m41 .section2 .conarea .ico-list>li>.infos .cate{font-size:20px;color:#000;font-family: "Wix Madefor Display";font-weight: 700;margin-bottom: 17px;}
.m41 .section2 .conarea .ico-list>li>.infos .desc{color:#666666;font-size:14px;font-weight: 400;line-height: 1.6em;}

.m41 .section3{background: #f6f6f6;}
.m41 .section3 .listwrap{
width: 100%;display: flex;flex-wrap:wrap;
gap:60px 1.56vw;
}
.m41 .section3 .listwrap>dl{
	width:calc((100% - 1.56vw) / 2);
}
.m41 .section3 .listwrap>dl>dt{
position: relative;width:100%;height:340px;border-radius:30px;overflow:hidden;
background: url(/images/page/m41_sec3_bg1.jpg)no-repeat center / cover;
}
.m41 .section3 .listwrap>dl:nth-child(2)>dt{background: url(/images/page/m41_sec3_bg2.jpg)no-repeat center / cover;}
.m41 .section3 .listwrap>dl:nth-child(3)>dt{background: url(/images/page/m41_sec3_bg3.jpg)no-repeat center / cover;}
.m41 .section3 .listwrap>dl:nth-child(4)>dt{background: url(/images/page/m41_sec3_bg4.jpg)no-repeat center / cover;}
.m41 .section3 .listwrap>dl>dt>.title{
position: absolute;
bottom:25px;left:50%;transform:translateX(-50%);
width:calc(100% - 50px);height: 60px;border-radius:30px;
display: flex;align-items:center;justify-content:center;
background: rgba(255,255,255, 0.2);
backdrop-filter:blur(10px);
text-align: center;
font-size:17px;color:#fff;font-weight: bold;
}
.m41 .section3 .listwrap>dl>dt>.title>span{font:inherit;}
.m41 .section3 .listwrap>dl>dd{margin-top: 40px;
padding:0 1.45vw;box-sizing:border-box;
}
.m41 .section3 .listwrap>dl>dd>div{
position: relative;box-sizing:border-box;font-size:16px;color:#515151;
font-weight: 350;padding-left: 14px;line-height: 1.6em;
}
.m41 .section3 .listwrap>dl>dd>div:before{
	position: absolute;content:'';
	width:6px;height: 6px;
	border-radius:50%;
	border:1px solid rgba(0,0,0,0.3);
	box-sizing:border-box;
	left:0;top:10px;
}
.m41 .section3 .listwrap>dl>dd>div + div{margin-top: 6px;}
.m41 .section4 .process-list{display: flex;}
.m41 .section4 .process-list>dl{
box-sizing:border-box;width:33.33%;display: flex;flex-direction:column;align-items:center;justify-content:center;
position: relative;
padding:0 0.5vw;
}

.m41 .section4 .process-list>dl:before{
	position: absolute;content:'';
	width:1px;height: 100%;
	box-sizing:border-box;border-right: 1px dashed #d1d1d1;
	top:0;right:0;
}
.m41 .section4 .process-list>dl:last-child:before{display: none;}
.m41 .section4 .process-list>dl>dt{
width:100%;border-radius:20px;box-sizing:border-box;
border:2px solid #cccccc;margin-bottom: 30px;
text-align: center;
height: 40px;line-height: 40px;
font-family: "Wix Madefor Display";
font-size:18px;color:#000;font-weight: bold;
}
.m41 .section4 .process-list>dl>dd{
	display: flex;flex-direction:column;align-items:center;justify-content:center;
	background: var(--bg-color);width:100%;height:207px;border-radius:103px;
}
.m41 .section4 .process-list>dl>dd .tit{
font-size:17px;color:#fff;font-weight: bold;margin:20px 10px 0;text-align: center;
}
.m41 .section5{padding-top: 180px;padding-bottom: 250px;background: #f5f5f5;}
.m41 .section5 .diawrap{
position: relative;width:100%;
}
.m41 .section5 .diawrap .boxwrap{
	display: flex;justify-content:space-between;gap:2.083vw;
}
.m41 .section5 .diawrap .boxwrap .box{
	width:calc((100% - 2.083vw) / 2);
	border-radius:30px;min-height:450px;
	position: relative;box-sizing:border-box;display: flex;align-items:center;justify-content:center;
	background: url(/images/page/m41_sec5_bg1.jpg)no-repeat center / cover;
}
.m41 .section5 .diawrap .boxwrap .box:nth-child(2){
background: url(/images/page/m41_sec5_bg2.jpg)no-repeat center / cover;
}
.m41 .section5 .diawrap .boxwrap .box dl{
display: flex;flex-direction:column;align-items:center;justify-content:center;
}
.m41 .section5 .diawrap .boxwrap .box dl dt{
	font-weight:bold;font-size:28px;color:#fff;margin-bottom: 22px;text-align: center;
	padding-top: 60px;
	background: url(/images/page/m41_sec5_icon1.png)no-repeat center top;
}
.m41 .section5 .diawrap .boxwrap .box:nth-child(2) dl dt{background: url(/images/page/m41_sec5_icon2.png)no-repeat center top;}
.m41 .section5 .diawrap .boxwrap .box dl dd{
        box-sizing: border-box;
        position: relative;
        color: #fff;
        font-size: 17px;
        font-weight: 350;
		text-align: center;
		line-height: 1.6em;
}
.m41 .section5 .diawrap .center{
	position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);
	max-width:360px;
}
/*m42*/
.m42 .banner{
position: relative;width:100%;height: 780px;
display: flex;flex-direction:column;align-items:center;justify-content:center;
margin-bottom: 100px;overflow:hidden;
}
.m42 .banner  .bg{
position: absolute;
background: url(/images/page/m42_bg.jpg)no-repeat center / cover;
top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1;
width:100%;height: 100%;
}
.m42 .banner .txts{text-align: center;}
.m42 .banner .slogan{text-align: center;display: block;font-weight:bold;font-size:50px;color:#fff;line-height: 1.4em;}
.m42 .txtbox{margin-bottom: 180px;}
.m42 .txtbox p{font-weight:350;font-size:20px;color:rgba(102,102,102,0.8);line-height: 1.6em;text-align: center;}
.m42 .area h4{
color:#000;font-size:40px;font-weight: bold;margin-bottom: 70px;
}
.m42 .diawrap{
position: relative;width:100%;
}
.m42 .diawrap .boxwrap{
	display: flex;justify-content:space-between;gap:1.56vw;
	
}
.m42 .diawrap .boxwrap .box{
	width:calc((100% - 1.56vw) / 2);background: #f6f6f6;
	border-radius:30px;min-height:380px;
	position: relative;padding:0.781vw;box-sizing:border-box;display: flex;align-items:center;
}
.m42 .diawrap .boxwrap .box:nth-child(2){flex-direction:row-reverse;}
.m42 .diawrap .boxwrap .box:nth-child(2) dl{text-align: right;}
.m42 .diawrap .boxwrap .box .icon{
	width:80px;border-radius:40px;background: #f9790c;height: 100%;
	display: flex;align-items:center;justify-content:center;
}
.m42 .diawrap .boxwrap .box:nth-child(2) .icon{background: #0063b2;}
.m42 .diawrap .boxwrap .box dl{
width:calc(100% - 80px - 33px);
margin-left:33px;
}
.m42 .diawrap .boxwrap .box dl dt{
	font-weight:bold;font-size:28px;color:#000;margin-bottom: 30px;
}
.m42 .diawrap .boxwrap .box dl dd{
	padding-left: 14px;
        box-sizing: border-box;
        position: relative;
        color: rgba(0,0,0,0.9);
        font-size: 17px;
        font-weight: 350;
}
.m42 .diawrap .boxwrap .box dl dd + dd{margin-top: 6px;}
.m42 .diawrap .boxwrap .box dl dd:before{
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	box-sizing: border-box;
	background: url(/images/page/m42_cc.png) no-repeat center / contain;
	top: 9px;
	left: 0;
}
.m42 .diawrap .boxwrap .box:nth-child(2) dl dd{padding-left: 0;padding-right: 20px;}
.m42 .diawrap .boxwrap .box:nth-child(2) dl dd:before{display: none;}
.m42 .diawrap .boxwrap .box:nth-child(2) dl dd img{
	margin: 0 5px 2px 0;
}
.m42 .diawrap .boxwrap .box:nth-child(2) dl{margin-left: 0;margin-right:33px;}
.m42 .diawrap .center{
	position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);
	
}

/*m43*/
.m43{padding-bottom: 0;}
.m43 .area{position: relative;z-index:30;margin-top: 85px;width:100%;display: flex;align-items:center;flex-wrap:wrap;justify-content:space-between;}
.m43 .area .title{max-width:50%;}
.m43 .area .title .slog{
display: block;padding-top: 60px;position: relative;font-size:50px;font-weight: bold;color:#000;
background: url(/images/page/m43_tit_icon.png)no-repeat left top;
}
.m43 .area .title p{margin-top: 40px;font-size:24px;font-weight: 500;color:#000;line-height: 1.6em;}
.m43 .area .bg{width:50%;max-width:700px;overflow:hidden;border-radius:50px;}
.m43 .certarea{position: relative;z-index:20;margin-top: -90px;background: #f6f6f6 url(/images/page/m43_bg.jpg)no-repeat center;
padding: 270px 0 180px;box-sizing:border-box;
}
.m43 .certarea .list{display: flex;justify-content:space-between;position: relative;}
.m43 .certarea .list:before{
position: absolute;content:'';
width:1px;height: 100%;background: #dfdfdf;
top:0;left:50%;transform:translateX(-50%);
}
.m43 .certarea .list>li{
width:50%;display: flex;flex-direction:column;align-items:center;
}
.m43 .certarea .list>li .thumb{margin-bottom: 40px;}
.m43 .certarea .list>li .info{display: flex;align-items:center;gap:30px;}		

.m43 .certarea .list>li .info .tag{position: relative;
	padding: 4px 13px; background: #666666;border-radius:15px;text-align: center;
	color:#fff;font-size:16px;font-weight: 500;
}
.m43 .certarea .list>li .info .tag:before{
position: absolute;content:'';
width:1px;height:14px;background: #666666;
top:50%;right:-15px;transform:translateY(-50%);
}
.m43 .certarea .list>li .info .num{
color:#666;font-size:18px;font-weight: 400;
}
.m43 .certarea .list>li .title{
font-size:24px;color:#000;font-weight: bold;text-align: center;line-height: 1.5em;
margin: 26px 0;
}
.m43 .certarea .list>li .date{color:#666666;font-size:18px;font-weight: 400;text-align: center;}
/*bbs*/
.bbs{padding-bottom: 280px;}
.bbs .pageTitle1{margin-bottom: 100px;}
.bbs .list1{
display: flex;flex-wrap:wrap;gap:4.583vw;
}
.bbs .list1>li{
width:calc((100% - 4.583vw * 2) / 3);box-sizing:border-box;
}
.bbs .list1>li .thumb{
	overflow:hidden;width:100%;height:280px;
	border-radius:30px;
	margin-bottom: 40px;
}
.bbs .list1>li .thumb img{width:100%;height: 100%;object-fit:cover;max-width:100%;}
.bbs .list1>li .tit {margin-bottom: 20px;}
.bbs .list1>li .tit a{color:#222;font-size:24px;font-weight: bold;
overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;
-webkit-box-orient:vertical;word-wrap:break-word;
-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;
}
.bbs .list1>li .tit:hover a{
text-decoration:underline;
text-underline-offset:4px;
text-underline-color:#000;
}
.bbs .list1>li .txt{color:#555555;font-size:20px;font-weight: 350;line-height: 1.6em;
display: -webkit-box;
    -webkit-line-clamp: 2; /* 두 줄까지만 표시 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	margin-bottom: 30px;
}
.bbs .list1>li .date{color:#555555;opacity:0.8;font-size:20px;font-weight: 350;}


.bbs .list2{
width:100%;border-top:2px solid #000;
}
.bbs .list2>li{
width:100%;box-sizing:border-box;

border-bottom: 1px solid #d1d1d1;
padding:45px 2.34vw;
display: flex;justify-content:space-between;align-items:center;
}

.bbs .list2>li .txt_g{
	width:calc(100% - 200px);
	padding-right: 4vw;box-sizing:border-box;
}

.bbs .list2>li .tit{color:#222;font-size:24px;font-weight: bold;
overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;
-webkit-box-orient:vertical;word-wrap:break-word;
-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;
margin-bottom: 15px;
}

.bbs .list2>li .txt{color:#555555;font-size:18px;font-weight: 350;line-height: 1.6em;
display: -webkit-box;
    -webkit-line-clamp: 2; /* 두 줄까지만 표시 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	margin-bottom: 24px;
}
.bbs .list2>li .date{color:#555555;opacity:0.8;font-size:16px;font-weight: 350;}

.bbs .list2>li .more_view{display: flex;align-items:center;width:200px;box-sizing:border-box;}
.bbs .list2>li .more_view>span{color:#000;font-size:17px;font-weight: 400;}
.bbs .list2>li .more_view>i{
	display: block;width:58px;height: 58px;
	background: url(/images/page/press_more.png)no-repeat center / cover;
	margin-left: 10px;
}
.bbs .list2>li .more_view:hover>i{background: url(/images/page/press_more_hover.png)no-repeat center / cover;}

.bbs_view{padding-bottom: 200px;}
.bbs_view .pageTitle1{margin-bottom: 100px;}
.bbs_view .viewarea .titlearea{
border-top:2px solid #000;
border-bottom: 1px solid #d1d1d1;
padding:70px 0;
box-sizing:border-box;text-align: center;
}
.bbs_view .viewarea .titlearea .title{color:#000;font-size:34px;font-weight: bold;line-height: 1.4em;margin-bottom: 28px;}
.bbs_view .viewarea .titlearea .date{font-family: "Wix Madefor Display";color:rgba(0,0,0,0.6);font-size:18px;font-weight: 400;line-height: 1.6em;}
.bbs_view .viewarea .filearea{
display: flex;
flex-direction:column;
align-items:center;justify-content:center;
background: #f5f5f5;
border-bottom: 1px solid #d1d1d1;
padding:40px 0;
}
.bbs_view .viewarea .filearea>div + div{margin-top: 5px;}
.bbs_view .viewarea .filearea>div>a{
	position: relative;
	box-sizing:border-box;
	padding-left: 30px;
	padding-right: 29px;
	display: block;color:#444;font-size:18px;font-weight: 400;
	
}
.bbs_view .viewarea .filearea>div>a:before{
	position: absolute;content:'';
	background: url(/images/page/file_icon_1.png)no-repeat center / cover;
	top:4px;left:0;
	width: 18px;height: 18px;
}
.bbs_view .viewarea .filearea>div>a:after{
	position: absolute;content:'';
	background: url(/images/page/file_icon_2.png)no-repeat center / cover;
	top:5px;right:0;
	width: 18px;height: 17px;
}
.bbs_view .viewarea .conarea{
padding:90px 0;border-bottom: 1px solid #d1d1d1;
}
.bbs_view .viewarea .list{
margin:0 auto;margin-top: 70px;
}
.bbs_view .viewarea .list>a{margin:0 auto;
	display: flex;align-items:center;justify-content:space-between;
	width: 210px;height: 58px;border-radius:29px;
	border:1px solid #3f3f3f;
	box-sizing:border-box;
	font-size:18px;color:#3f3f3f;font-weight: 400;
padding:0 2vw;
}
.bbs_view .viewarea .list>a>span{font:inherit;}
.bbs_view .viewarea .list>a>i{
background: url(/images/page/press_list_btn.png)no-repeat center;
width:17px;height:9px;
display: block;

}

/*paging*/
.paging{
	margin-top:110px;
	text-align:center;
}
.paging a{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:50px;height:50px;
	font-family:"Wix Madefor Display";color:#999999;font-size:18px;line-height:50px;font-weight: 400;
}
.paging strong{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:50px;height:50px;
	border-radius:50%;
	background:#3f3f3f;
	font-family:"Wix Madefor Display";color:#fff;font-size:18px;line-height:50px;font-weight:600;
}
.paging .page_begin{
	width:50px;height:50px;
	background:url(/images/page/page_begin.png) no-repeat center;
	border:0;
}
.paging .page_prev{
	width:50px;height:50px;
	background:url(/images/page/page_prev.png) no-repeat center;
	border:0;margin-right:20px;
}
.paging .page_next{
	width:46px;height:50px;
	background:url(/images/page/page_next.png) no-repeat center;
	border:0;margin-left:20px;
}
.paging .page_end{
	width:46px;height:50px;
	background:url(/images/page/page_end.png) no-repeat center;
	border:0;
}

.scroll-wrap{}
.scroll-wrap::-webkit-scrollbar{width:5px;}
.scroll-wrap::-webkit-scrollbar-thumb{width:10%;background: #000000;cursor:pointer;}
.scroll-wrap::-webkit-scrollbar-track {background: #f2f2f2;}



/*m61*/
.m60 .pageTitle1{margin-bottom: 100px;}
.m61 .box-list{
	width:94%;max-width:1740px;margin:0px auto 0;
}
.m61 .box-list>li{
display: flex;align-items:center;justify-content:space-between;width:100%;
box-sizing:border-box;
}
.m61 .box-list>li + li{margin-top: 90px;}
.m61 .box-list>li .img{width:50%;box-sizing:border-box;}
.m61 .box-list>li .txts{
width:50%;box-sizing:border-box;
display: flex;justify-content:flex-end;flex-direction:column;
}
.m61 .box-list>li .txts .num{
	width:39px;height:39px;
	line-height: 39px;background: #f9790c;border-radius:11px;
	color:#fff;font-family: "Wix Madefor Display";font-size:16px;font-weight: bold;text-align: center;
}
.m61 .box-list>li .txts strong{display: block;color:#000;font-size:36px;font-weight: bold;margin:55px 0 32px;word-wrap:normal;word-break:keep-all;}
.m61 .box-list>li .txts p{color:rgba(0,0,0,0.9);font-size:20px;font-weight: 350;line-height: 1.65em;;word-wrap:normal;word-break:keep-all;}
.m61 .box-list>li:nth-child(even){
flex-direction:row-reverse;
}
.m61 .box-list>li:nth-child(odd) .txts{padding-left: 5.2vw;padding-right: 4vw;}
.m61 .box-list>li:nth-child(even) .txts{text-align: right;align-items:end;padding-right: 5.2vw;padding-left: 4vw;}
.m61 .txtarea{padding:260px 0;box-sizing:border-box;text-align: center;}	
.m61 .txtarea h3{color:#111;font-size:50px;font-weight: bold;}
.m61 .txtarea p{color:rgba(0,0,0,0.9);font-size:20px;font-weight: 350;margin-top: 20px;}

/*m62*/
.m62 .banner{
position: relative;width:100%;height: 710px;overflow:hidden;
display: flex;flex-direction:column;align-items:center;justify-content:center;
margin-bottom: 120px;
}
.m62 .banner .bg{
position: absolute;
background: url(/images/page/m62_bg.jpg)no-repeat center / cover;
top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1;
width:100%;height: 100%;
}
.m62 .banner .slogan{text-align: center;display: block;font-weight:bold;font-size:50px;color:#fff;line-height: 1.4em;}
.m62 .area h4{
color:#000;font-size:40px;font-weight: bold;margin-bottom: 60px;
}
.m62 .area + .area{margin-top: 100px;}
.m62 .area .list{
display: flex;flex-wrap:wrap;gap:2.08vw;
}
.m62 .area .list>li{
box-sizing:border-box;padding:1.8vw;border-radius:30px;
width:calc((100% - 2.08vw * 3) / 4);min-height:340px;
display: flex;flex-direction:column;transition:all 0.3s ease;

background: #f5f5f5;
}
.m62 .area .list>li:hover{transition:all 0.3s ease;background: #f9790c;}
.m62 .area .list>li:hover strong{color:#fff;}
.m62 .area .list>li:hover p{color:#fff;}
.m62 .area .list>li .icon{width:88px;}
.m62 .area .list>li .icon>i{
display: block;width:88px;height: 88px;border-radius:18px;
background-size:cover;
}
.m62 .area .list>li strong{display: block;color:#222;font-size:28px;font-weight: bold;margin-top: 32px;margin-bottom: 18px;}
.m62 .area .list>li p{color:#515151;font-size:18px;font-weight: 350;line-height: 1.6em;
box-sizing:border-box;
word-wrap:normal;word-break:keep-all;}

.m62 .area1 .list>li:nth-child(1) .icon>i{background: url(/images/page/m62_area1_icon1.png)no-repeat center;}
.m62 .area1 .list>li:nth-child(2) .icon>i{background: url(/images/page/m62_area1_icon2.png)no-repeat center;}
.m62 .area1 .list>li:nth-child(3) .icon>i{background: url(/images/page/m62_area1_icon3.png)no-repeat center;}
.m62 .area2 .list>li:nth-child(1) .icon>i{background: url(/images/page/m62_area2_icon1.png)no-repeat center;}
.m62 .area2 .list>li:nth-child(2) .icon>i{background: url(/images/page/m62_area2_icon2.png)no-repeat center;}
.m62 .area3 .list>li:nth-child(1) .icon>i{background: url(/images/page/m62_area3_icon1.png)no-repeat center;}
.m62 .area3 .list>li:nth-child(2) .icon>i{background: url(/images/page/m62_area3_icon2.png)no-repeat center;}
.m62 .area3 .list>li:nth-child(3) .icon>i{background: url(/images/page/m62_area3_icon3.png)no-repeat center;}
.m62 .area3 .list>li:nth-child(4) .icon>i{background: url(/images/page/m62_area3_icon4.png)no-repeat center;}
.m62 .txtarea{padding:230px 0 200px;box-sizing:border-box;text-align: center;}	
.m62 .txtarea h3{color:#111;font-size:50px;font-weight: bold;}


/*m63*/
.m63{padding-bottom: 210px;}
.m63 .itemwrap .item{
display: flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;
box-sizing:border-box;
}
.m63 .itemwrap .item:nth-child(2),
.m63 .itemwrap .item:nth-child(4){flex-direction:row-reverse;}
.m63 .itemwrap .item .bg{
width:50%;height:960px;max-height:100vh;overflow:hidden;
position: relative;box-sizing:border-box;
}

.m63 .itemwrap .item .bg>div{
position: absolute;
background: url(/images/page/m63_bg1.jpg)no-repeat center;
background-size:cover;
top:50%;left:50%;transform:translate(-50%, -50%);
width:100%;height: 100%;
}
.m63 .itemwrap .item:nth-child(2) .bg>div{background: url(/images/page/m63_bg2.jpg)no-repeat center;}
.m63 .itemwrap .item:nth-child(3) .bg>div{background: url(/images/page/m63_bg3.jpg)no-repeat center;}
.m63 .itemwrap .item:nth-child(4) .bg>div{background: url(/images/page/m63_bg4.jpg)no-repeat center;}
.m63 .itemwrap .item:nth-child(5) .bg>div{background: url(/images/page/m63_bg5.jpg)no-repeat center;}
.m63 .itemwrap .item .txtwrap{
	width:50%;box-sizing:border-box;padding-left: 4.68vw;padding-right: 4vw;
}
.m63 .itemwrap .item .txtwrap .titles{margin-bottom: 65px;}
.m63 .itemwrap .item .txtwrap .titles .icon{
display: block;width:88px;height: 88px;border-radius:18px;
background-size:cover;
background: url(/images/page/m63_icon1.png)no-repeat center;
}
.m63 .itemwrap .item:nth-child(2) .txtwrap .titles .icon{background: url(/images/page/m63_icon2.png)no-repeat center;}
.m63 .itemwrap .item:nth-child(3) .txtwrap .titles .icon{background: url(/images/page/m63_icon3.png)no-repeat center;}
.m63 .itemwrap .item:nth-child(4) .txtwrap .titles .icon{background: url(/images/page/m63_icon4.png)no-repeat center;}
.m63 .itemwrap .item:nth-child(5) .txtwrap .titles .icon{background: url(/images/page/m63_icon5.png)no-repeat center;}
.m63 .itemwrap .item .txtwrap .titles h4{margin-top: 30px;
color:#000000;font-size:50px;font-weight: bold;
}
.m63 .itemwrap .item .txtwrap .infos{
font-size:18px;color:#515151;font-weight: 350;line-height: 1.6em;
}
.m63 .itemwrap .item .txtwrap .infos b{color:#000;font-weight: bold;}


/*m64*/
.m64 .banner{
position: relative;width:100%;height: 710px;
display: flex;flex-direction:column;align-items:center;justify-content:center;
margin-bottom: 120px;
overflow:hidden;
}
.m64 .banner  .bg{
position: absolute;
background: url(/images/page/m64_banner_bg.jpg)no-repeat center / cover;
top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1;
width:100%;height: 100%;
}
.m64 .banner .txts{text-align: center;}
.m64 .banner .slogan{text-align: center;display: block;font-weight:bold;font-size:64px;color:#fff;line-height: 1.4em;}
.m64 .txtbox{margin:120px auto 160px;max-width: 1400px;width: 94%;}
.m64 .txtbox p{font-weight:350;font-size:18px;color:#515151;line-height: 1.6em;text-align: center;}
.m64 .section1 .desc{
color:#515151;font-size:20px;font-weight: 350;line-height: 1.6em;text-align: center;
}
.m64 .section1 .diarea{
margin-top: 160px;margin-bottom: 180px;
}
.m64 .section1 .diarea .tit{
	color:#222222;font-size:50px;font-weight: bold;margin-bottom: 70px;text-align: center;
}
.m64 .section1 .diarea .clist{
display: flex;justify-content:center;align-items:center;
background: url(/images/page/m64_circle_bg.png)no-repeat center;
background-size:cover;
height:380px;width:1016px;margin:0 auto;box-sizing:border-box;gap:60px;
}
.m64 .section1 .diarea .clist>li{
box-sizing:border-box;border-radius:50%;background: #fff;width:262px;height:262px;
display: flex;justify-content:center;align-items:center;flex-direction:column;

}
.m64 .section1 .diarea .clist>li>b{text-align: center;color:#000;font-size:28px;font-weight: bold;margin-bottom: 20px;}
.m64 .section1 .diarea .clist>li>p{
padding:0 2vw;
text-align: center;color:#515151;font-size:18px;font-weight: 350;line-height: 1.6em;word-wrap:normal;word-break:keep-all;}
.m64 .section1 .diarea .clist>li:nth-child(1){transform:translateX(3px);}
.m64 .section1 .diarea .m_img{display: none;}
.m64 .section2{background: #f5f5f5;padding:180px 0;}
.m64 .section2 .area h4{
	color:#000;font-size:40px;font-weight: bold;margin-bottom: 70px;
}
.m64 .section2 .area + .area{
	margin-top: 140px;
}
.m64 .section2 .process-list{display: flex;}
.m64 .section2 .process-list>dl{
box-sizing:border-box;width:25%;display: flex;flex-direction:column;align-items:center;
position: relative;
padding:0 0.5vw;
}

.m64 .section2 .process-list>dl:before{
	position: absolute;content:'';
	width:1px;height: 100%;
	box-sizing:border-box;border-right: 1px dashed #d1d1d1;
	top:0;right:0;
}
.m64 .section2 .process-list>dl:last-child:before{display: none;}
.m64 .section2 .process-list>dl>dt{
width:100%;border-radius:20px;box-sizing:border-box;
border:2px solid #cccccc;margin-bottom: 30px;
text-align: center;
height: 40px;line-height: 40px;
font-family: "Wix Madefor Display";
font-size:18px;color:#000;font-weight: bold;
}
.m64 .section2 .process-list>dl>dd{
	display: flex;flex-direction:column;align-items:center;justify-content:center;
	background: var(--bg-color);width:100%;height:207px;border-radius:103px;
}
.m64 .section2 .process-list>dl>dd .tit{
font-size:24px;color:#fff;font-weight: bold;margin:16px 0;
}
.m64 .section2 .process-list>dl>dd .txt{
font-size:18px;color:#fff;font-weight: 350;word-wrap:normal;word-break:keep-all;
padding:0 3vw;text-align: center;box-sizing:border-box;
}
.m64 .section2 .apply-list{
width:100%;border-top:2px solid #000;border-bottom: 1px solid #d1d1d1;
display: flex;align-items:center;
padding:40px 0;
}
.m64 .section2 .apply-list>dl{
	position: relative;
	width:33.33%;
	box-sizing:border-box;padding:20px 0;padding-left: calc(2.08vw + 88px);
	min-height:120px;
	border-right:1px solid #d1d1d1;
	display: flex;flex-direction:column;justify-content:center;
}
.m64 .section2 .apply-list>dl:last-child{border-right: 0;}
.m64 .section2 .apply-list>dl:before{
	position: absolute;
	content:'';
	width:88px;height:88px;
	top:50%;left:2.08vw;
	transform:translateY(-50%);
	background:url(/images/page/m64_sec2_hicon1.png)no-repeat center / cover;
}
.m64 .section2 .apply-list>dl:nth-child(2):before{background:url(/images/page/m64_sec2_hicon2.png)no-repeat center / cover;}
.m64 .section2 .apply-list>dl:nth-child(3):before{background:url(/images/page/m64_sec2_hicon3.png)no-repeat center / cover;}
.m64 .section2 .apply-list>dl>dt,
.m64 .section2 .apply-list>dl>dd{box-sizing:border-box;padding-left: 1.3vw;}
.m64 .section2 .apply-list>dl>dt{font-size:24px;color:#222;font-weight: bold;margin-bottom: 16px;}
.m64 .section2 .apply-list>dl>dd{font-size:18px;color:#666666;font-weight: 350;}

.m64 .section3{padding:180px 0;}
.m64 .section3 .area{display: flex;align-items:center;}
.m64 .section3 .area .img{width:44.3%;}
.m64 .section3 .area .txt{width:calc(100% - 44.3%);box-sizing:border-box;padding-left: 5.2vw;}
.m64 .section3 .area .txt h4{color:#000;font-size:50px;font-weight: bold;line-height: 1.4em;margin-bottom: 60px;}
.m64 .section3 .area .txt p{color:#515151;font-size:18px;font-weight: 350;line-height: 1.65em;}

/*motion*/
 .del1{animation-delay:0.1s;}
.del2{animation-delay:0.2s;}
.del3{animation-delay:0.3s;}
.del4{animation-delay:0.4s;}
.del5{animation-delay:0.5s;}
.del6{animation-delay:0.6s;}
.del7{animation-delay:0.7s;}

.fadeLeft, .fadeRight, .fadeUp, .fadeIn, .fadeImgRight{opacity:0;}
.imgAni{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.imgAni.in-view{animation-name: imgAni; animation-duration:1.25s;animation-fill-mode:forwards;}
.fadeLeft.in-view{animation-name: fadeLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeRight.in-view{animation-name: fadeRight;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeUp.in-view{animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeIn.in-view{animation-name: fadeIn;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeImgRight.in-view{animation-name: fadeImgRight;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}

  
  @keyframes bgScale{
   0%{transform:scale(1.15);}
   100%{transform:scale(1);}
  }
@keyframes fadeLeft{
 0%{transform:translate3d(-80px, 0, 0);opacity:0;}
  100%{transform:translate3d(0px, 0, 0);opacity:1;}
}
@keyframes fadeRight{
 0%{transform:translate3d(80px, 0, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeUp{
0%{transform:translate3d(0%, 60px, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeIn{
0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes imgAni{
0%{clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}

}
@keyframes fadeImgRight{
0%{opacity:0;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
100%{opacity:1;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
@keyframes fadeImgLeft{
0%{opacity:0;clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{opacity:1;clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}
}
.subTitle .bg{transform:translate(-50%, -50%) scale(1.2);}
.subTitle .bg:before{
position: absolute;content:'';
width:50%;height: 100%;
top:0;left:0%;
background: rgba(0,0,0,0.5);
}
.subTitle .bg:after{
position: absolute;content:'';
width:50%;height: 100%;
top:0;right:0;
background: rgba(0,0,0,0.5);
}
.subTitle.in-view .bg{transform:translate(-50%, -50%) scale(1);transition:all 1s ease-in-out;}
.subTitle.in-view .bg:before,
.subTitle.in-view .bg:after{width:0%;transition:width 1s ease-in-out 0.1s;}
.subTitle .txts h2,
.subTitle .txts p{opacity:0;}
.subTitle.in-view .txts h2{animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-out;}
.subTitle.in-view .txts p{animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-out;
animation-delay:0.2s;}
.pageInfo{opacity:0;}
.pageInfo.in-view{
animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.pageTitle1{opacity:0;}
.pageTitle1.in-view{
animation-name: fadeLeft;animation-duration: 0.7s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m12 .txtwrap{animation-delay:0.15s;}
.m13 .conwrap .m13Tabconwrap .titlearea .bg{
transform:translate(-50%, -50%) scale(1.2);
}
.m13 .conwrap .m13Tabconwrap .titlearea.in-view .bg{transform:translate(-50%, -50%) scale(1);transition:all 1s ease-in-out;}
.m13 .conwrap .m13Tabconwrap .titlearea .txt{opacity:0;transform:translateY(80px);}
.m13 .conwrap .m13Tabconwrap .titlearea.in-view .txt{opacity:1;transform:translateY(0px);transition:all 0.9s ease-in-out;}

.m14 h4{opacity:0;transform:translateX(-60px);}
.m14 h4.in-view{opacity:1;transform:translateX(0px);transition:all 1s ease-in-out;}
.m14 .conwrap ul li{opacity:0;transform:translateY(50px);}
.m14 .conwrap ul li.in-view{
opacity:1;transform:translateY(0px);transition:all 0.8s ease-in-out;
}

.m21 .section1 h4,
.m21 .section1 h5{opacity:0;transform:translateY(50px);}
.m21 .section1 h4.in-view,
.m21 .section1 h5.in-view{
opacity:1;transform:translateY(0px);transition:all 0.6s ease-in-out;
}
.m21 .section1 h5.in-view{transition-delay:0.15s;}
.m21 .section1 .bg{opacity:0;}
.m21 .section1 .bg.in-view{
animation-name: fadeIn;animation-duration:0.6s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m21 .section1 .bg img{opacity:0;}
.m21 .section1 .bg.in-view img{animation-name: fadeIn;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.m21 .section1 .bg.in-view img.img2{animation-delay:0.3s;}
.m21 .section1 .bg.in-view img.img4{animation-delay:0.4s;}
.m21 .section1 .bg.in-view img.img3{animation-delay:0.5s;}
.m21 .section1 .bg.in-view img.img5{animation-delay:0.6s;}
.m21 .section1 .bg.in-view img.img6{animation-delay:0.7s;}

.m21 .section2 h4,
.m21 .section2 p{opacity:0;transform:translateY(50px);}
.m21 .section2 h4.in-view,
.m21 .section2 p.in-view{opacity:1;transform:translateY(0px);transition:all 0.6s ease-in-out;}
.m21 .section2 p.in-view{transition-delay:0.1s;}
.m21 .section2 ul li{opacity:0;}
 .m21 .section2 ul li.in-view{
 animation-name: fadeUp;animation-duration:0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
 animation-delay:0.1s;
 }
 
 .m21 .section3 h4{opacity:0;transform:translateY(50px);}
 .m21 .section3 h4.in-view{
  opacity:1;transform:translateY(0px);transition:all 0.6s ease-in-out;
  }
.m21 .section3 ul li:nth-child(1){opacity:0;transform:translateX(-60px);}
.m21 .section3 ul li:nth-child(2){opacity:0;transform:translateX(60px);}
.m21 .section3 ul li.in-view:nth-child(1),
.m21 .section3 ul li.in-view:nth-child(2){opacity:1;transform:translateX(0px);transition:all 0.7s ease-in-out;}
.m21 .section4 h4{opacity:0;transform:translateY(50px);}
 .m21 .section4 h4.in-view{
  opacity:1;transform:translateY(0px);transition:all 0.6s ease-in-out;
  }
  .m21 .section4 h5{opacity:0;transform:translateY(50px);}
   .m21 .section4 h5.in-view{
  opacity:1;transform:translateY(0px);transition:all 0.6s ease-in-out;transition-delay:0.15s;
  }
.m21 .section4 .imgarea{opacity:0;transform:translateY(60px);}
.m21 .section4 .imgarea.in-view{
  opacity:1;transform:translateY(0px);transition:all 0.6s ease-in-out;transition-delay:0.1s;
}
.m21 .section4 .txtbox{opacity:0;transform:translateY(60px);}
.m21 .section4 .txtbox.in-view{
  opacity:1;transform:translateY(0px);transition:all 0.6s ease-in-out;
}
.m21 .section5 h4,
.m21 .section5 p{opacity:0;transform:translateY(50px);}
 .m21 .section5 h4.in-view,
 .m21 .section5 p.in-view{
  opacity:1;transform:translateY(0px);transition:all 0.6s ease-in-out;
  }
.m21 .section5 p.in-view{transition-delay:0.15s;}
.m21 .section5 .img{
opacity:0;transform:translateY(50px);
}
.m21 .section5 .img.in-view{ opacity:1;transform:translateY(0px);transition:all 0.6s ease-in-out;transition-delay:0.2s;}
.m21 .section6 h4,
.m21 .section6 p{opacity:0;transform:translateY(50px);}
 .m21 .section6 h4.in-view,
 .m21 .section6 p.in-view{
  opacity:1;transform:translateY(0px);transition:all 0.6s ease-in-out;
  }
   .m21 .section6 p.in-view{transition-delay:0.15s;}
   .m21 .section6 .conwrap{opacity:0;transform:translateY(50px);}
.m21 .section6 .conwrap.in-view{
 opacity:1;transform:translateY(0px);transition:all 0.6s ease-in-out;transition-delay:0.15s;
}
.m21 .section7 h5{opacity:0;transform:translateY(50px);}
.m21 .section7 h5.in-view{
opacity:1;transform:translateY(0px);transition:all 0.6s ease-in-out;
}
.m21 .section7 .conwrap dl{opacity:0;transform:translateY(50px);}
.m21 .section7 .conwrap dl.in-view{opacity:1;transform:translateY(0px);transition:all 0.6s ease-in-out;transition-delay:0.15s;}

.m31 .section1 p.in-view{animation-delay:0.1s;}
.m31 .section1 .img.in-view{animation-delay:0.2s;}
.m31 .section2 p.in-view{animation-delay:0.1s;}
.m31 .section3 .listwrap.in-view{
animation-delay:0.15s;
}
.m31 .section4 .diawrap .item-list.in-view{animation-delay:0.15s;}
.m31 .section4 .diawrap .center.in-view{animation-delay:0.2s;}

.m41 .section1 .banner .bg{
transform:translate(-50%, -50%) scale(1.2);
}
.m41 .section1 .banner.in-view .bg{transform:translate(-50%, -50%) scale(1);transition:all 1s ease-in-out;}
.m41 .section1 .txtbox.in-view{animation-delay:0.2s;}
.m41 .section2 .conarea .info_graph{
opacity:0;transform:translateX(-70px);
}
.m41 .section2 .conarea .ico-list{opacity:0;transform:translateX(70px);}
.m41 .section2 .conarea .info_graph.in-view{opacity:1;transform:translateX(0px);transition:all 0.8s ease-in-out;}
.m41 .section2 .conarea .ico-list.in-view{opacity:1;transform:translateX(0px);transition:all 0.8s ease-in-out;}
.m42 .section1 .banner .bg{
transform:translate(-50%, -50%) scale(1.2);
}
.m42 .section1 .banner.in-view .bg{transform:translate(-50%, -50%) scale(1);transition:all 1s ease-in-out;}
.m42 .diawrap{animation-delay:0.15s;}

.m43 .area .title{opacity:0;transform:translateX(-70px);}
.m43 .area.in-view .title{opacity:1;transform:translateX(0px);transition:all 0.8s ease-in-out;}
.m43 .area .bg{opacity:0;transform:translateX(70px);}
.m43 .area.in-view .bg{opacity:1;transform:translateX(0px);transition:all 0.8s ease-in-out;}

.m61 .box-list>li:nth-child(odd) .img{opacity:0;transform:translateX(-100px);}
.m61 .box-list>li:nth-child(odd) .txts{opacity:0;transform:translateX(100px);}
.m61 .box-list>li:nth-child(even) .img{opacity:0;transform:translateX(100px);}
.m61 .box-list>li:nth-child(even) .txts{opacity:0;transform:translateX(-100px);}
.m61 .box-list>li.in-view:nth-child(odd) .img,
.m61 .box-list>li.in-view:nth-child(odd) .txts{opacity:1;transform:translateX(0px);transition:all 0.8s ease-in-out;}
.m61 .box-list>li.in-view:nth-child(even) .img,
.m61 .box-list>li.in-view:nth-child(even) .txts{opacity:1;transform:translateX(0px);transition:all 0.8s ease-in-out;}


.m62 .banner .bg{
transform:translate(-50%, -50%) scale(1.2);
}
.m62 .banner.in-view .bg{transform:translate(-50%, -50%) scale(1);transition:all 1s ease-in-out;}
.m62 .banner .slogan{opacity:0;transform:translateY(70px);}
.m62 .banner.in-view .slogan{
opacity:1;transform:translateY(0px);transition:all 0.8s ease-in-out;
}
.m62 .txtarea{animation-delay:0.2s;}

.m63 .itemwrap .item .bg{opacity:0;}
.m63 .itemwrap .item.in-view .bg{
animation-name: fadeImgLeft;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m63 .itemwrap .item .txtwrap .titles{opacity:0;transform:translateY(70px);}
.m63 .itemwrap .item.in-view .txtwrap .titles{opacity:1;transform:translateY(0px);transition:all 0.85s ease-in-out 0.2s;}
.m63 .itemwrap .item .txtwrap .infos{opacity:0;transform:translateY(70px);}
.m63 .itemwrap .item.in-view .txtwrap .infos{opacity:1;transform:translateY(0px);transition:all 0.85s ease-in-out 0.35s;}

.m64 .banner .bg{transform:translate(-50%, -50%) scale(1.2);}
.m64 .banner.in-view .bg{transform:translate(-50%, -50%) scale(1);transition:all 1s ease-in-out;}
.m64 .section1 .diarea .dia.in-view{animation-delay:0.2s;}
.m64 .section2 .process-list>dl{animation-delay:0.15s;}
.m64 .section2 .apply-list{animation-delay:0.15s;}
.m64 .section3 .area .img{
opacity:0;transform:translateX(-80px);
}
.m64 .section3 .area.in-view .img{
opacity:1;transform:translateX(0px);transition:all 0.8s ease-in-out;
}
.m64 .section3 .area .txt{opacity:0;transform:translateX(80px);}
.m64 .section3 .area.in-view .txt{
opacity:1;transform:translateX(0px);transition:all 0.8s ease-in-out;
}