@charset "utf-8";
@import url("common.css");

/*Layer*/
body{width:100%}
#wrap{width:100%}
#header{}
#container{width:100%}
#contents{}
#footer{width:100%;}

/*header*/


.pcbr{display:none;}
.ptbr{display:none;}
.tbbr{display:none;}
.mbbr{display:block;}
.dn{display:none;}
.pc_view{display: none;}



.innerwrap{
	width: 92%;
	max-width: 1760px;
	margin: 0 auto;
}

.page_top {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.page_top .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.page_top.pn1.sn1 .bg{background: url(/images/page/sub_visual11.jpg) no-repeat center / cover;}
.page_top.pn1.sn2 .bg{background: url(/images/page/sub_visual12.jpg) no-repeat center / cover;}
.page_top.pn2 .bg{background: url(/images/page/sub_visual2.jpg) no-repeat center / cover;}
.page_top.pn3 .bg{background: url(/images/page/sub_visual3.jpg) no-repeat center / cover;}
.page_top.pn4 .bg{background: url(/images/page/sub_visual4.jpg) no-repeat center / cover;}
.page_top.pn5 .bg{background: url(/images/page/sub_visual5.jpg) no-repeat center / cover;}
.page_top.pn6 .bg{background: url(/images/page/sub_visual6.jpg) no-repeat center / cover;}

.page_top video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page_top .txtwrap{
	width: 92%;
	max-width: 1760px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.page_top .txtwrap h2{
	font-family: "Poppins";
	font-size: 40px;
	font-weight: 500;
	color: #fff;
	overflow: hidden;
}
.page_top .txtwrap h2 span{
	display: inline-block;
}
.page_top .txtwrap p{
	font-family: "Poppins";
	font-weight: 500;
	color: #fff;
}
.page_top .txtwrap p span{
	display: inline-block;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.2em;
	color: #fff;
}
.page_top .txtwrap .line{
	display: block;
	width: 100%;
	height: 1px;
	background: #fff;
	margin: 40px 0;
}

.page_top .scroll{
	position:absolute;
	right:100px;
	bottom:0;
	z-index: 1;
	display: none;
}
.page_top .scroll .txt{
	position:absolute;left:-26px;top:-50px;
	font-size:13px;color:#fff;
	transform:rotate(90deg);
}
.page_top .scroll .line{
	overflow:hidden;
	position:relative;
	width:2px;height:90px;
	box-shadow:-1px 0 0 rgba(255,255,255,0.2) inset;
}
.page_top .scroll .line:after{
	display:block;content:"";
	width:2px;height:40px;
	background:#fff;
	position:absolute;right:0;top:0;
	animation:scrollAni 1s infinite;
}
@keyframes scrollAni{
	0%{top:-100%;}
	100%{top:100%;}
}


.page_title{
	margin: 160px 0 40px;
}
.page_title h2{
	font-family: "Poppins";
	font-size: 50px;
	font-weight: 500;
	color: #000;
}



.sub_top{
	margin-bottom: 90px;
}
.sub_top .tabs{
	margin: 20px 0;
	padding-bottom: 5px;
	overflow: hidden;
	overflow-x: auto;
}
.sub_top .tabs ul{
	display: flex;
	flex-wrap: wrap;
	column-gap: 5px;
	row-gap: 5px;
}
.sub_top .tabs ul li{
}
.sub_top .tabs ul li a{
	display: inline-block;
	padding: 10px 20px;
	background: #efefef;
	border-radius: 100px;
	font-size: 15px;
	color: #888;
}
.sub_top .tabs ul li.on a{
	font-weight: 600;
	color: #fff;
	background: #2d2d2d;
}
.sub_top .tabs ul li:hover a{
	font-weight: 600;
	color: #fff;
	background: #2d2d2d;
}


.sub_top .sub_title{
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
	border-top: 1px solid #000;
}
.sub_top.nosubtop .sub_title{
	border-top: 1px solid #000;
}
.sub_top .sub_title .page_tit{
	font-family: "Poppins";
	font-size: 35px;
	font-weight: 500;
	color: #000;
}
.sub_top .sub_title .pageLocation{
	display: none;
}
.sub_top .sub_title .pageLocation li{
	display: inline-block;
	position: relative;
	padding-left: 30px;
	font-size: 16px;
	font-weight: 400;
	color: #6f6e6b;
}
.sub_top .sub_title .pageLocation li:after{
	content: "";
	position: absolute;
	left: 9px;
	top: 6px;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #6f6e6b;
	border-right: 1px solid #6f6e6b;
	transform: rotate(-45deg);
}
.sub_top .sub_title .pageLocation li:first-child{
	padding-left: 0;
}
.sub_top .sub_title .pageLocation li:first-child:after{
	display: none;
}
.sub_top .sub_title .pageLocation li:first-child a{
	display: inline-block;
	transform: translateY(-2px);
}

.page_p{
	font-size: 20px;
	line-height: 1.6em;
	color: #555;
	margin-top: 30px;
}


.section.gray{background: #f5f5f7;}



.m11{}
.m11 .section1{
	padding: 0 0 100px;
	overflow: hidden;
}
.m11 .section1 .conwrap{
	display: flex;
	flex-direction: column-reverse;
}
.m11 .section1 .conwrap .txtwrap{
	width: 100%;
	margin-top: 50px;
}
.m11 .section1 .conwrap .txtwrap b{
	font-family: "Poppins";
	display: inline-block;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.2em;
	color: #000;
	margin: 40px 0;
}
.m11 .section1 .conwrap .txtwrap p{
	display: inline-block;
	font-size: 16px;
	line-height: 1.7em;
	color: rgba(0,0,0,0.7);
}
.m11 .section1 .conwrap .imgwrap{
	position: relative;
	width: 100%;
	height: 300px;
}
.m11 .section1 .conwrap .imgwrap > div{
	position: absolute;
	left: 0;
	top: 0;
	width: 109%;
	height: 100%;
	background: url(/images/page/m11_sec1_img.jpg) no-repeat center / cover;
}
.m11 .section .con_tit{
	font-family: "Poppins";
	font-size: 34px;
	font-weight: 500;
	color: #000;
	margin-bottom: 30px;
}
.m11 .section2{
	padding: 100px 0;
}
.m11 .section2 ul{
	display: flex;
	flex-direction: column;
	row-gap: 50px;
}
.m11 .section2 li{
	width: 100%;
}
.m11 .section2 li .txtwrap{
	margin-top: 40px;
	text-align: center;
}
.m11 .section2 li .txtwrap .tit{
	font-size: 20px;
	font-weight: 600;
	color: #000;
	margin-bottom: 10px;
}
.m11 .section2 li .txtwrap p{
	font-size: 16px;
	line-height: 1.7em;
	color: rgba(0,0,0,0.7);
}




.m11 .section3{
	padding: 100px 0;
	background: url(/images/page/m11_sec3_bg.jpg) no-repeat center / cover;
}
.m11 .section3 .innerwrap{
	display: flex;
	flex-direction: column;
}
.m11 .section3 .con_tit{
	color: #fff;
	width: 100%;
}
.m11 .section3 .conwrap{
	width: 100%;
	margin-top: 50px;
}
.m11 .section3 .conwrap b{
	font-family: "Poppins";
	display: inline-block;
	font-size: 30px;
	line-height: 1.2em;
	font-weight: 600;
	color: #fff;
}
.m11 .section3 .conwrap p{
	margin-top: 30px;
	font-size: 16px;
	line-height: 1.6em;
	color: rgba(255,255,255,0.8);
}

.m11 .section4{
	padding: 100px 0;
}
.m11 .section4 .sec4Swiper{
	width: 100%;
	height: 550px;
	border-radius: 8px;
	overflow: hidden;
}
.m11 .section4 .sec4Swiper .ctr{
	position: absolute;
	left: 20px;
	bottom: 40px;
	width: calc(100% - 40px);
}

.m11 .section4 .sec4Swiper .ctr .swiper-pagination{
	width: 100%;
}
.m11 .section4 .sec4Swiper .ctr .swiper-pagination-bullet{
	position: relative;
	width: calc((100% - 30px) / 3);
	height: 4px;
	background: rgba(255,255,255,0.3);
	opacity: 1;
	border-radius: 50px;
	margin-right: 15px;
	overflow: hidden;
}
.m11 .section4 .sec4Swiper .ctr .swiper-pagination-bullet:last-child{
	margin-right: 0;
}
.m11 .section4 .sec4Swiper .ctr .swiper-pagination-bullet:after{
	content: "";
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}
.m11 .section4 .sec4Swiper .ctr .swiper-pagination-bullet-active:after{
	left: 0;
	transition: all 1s;
}

.m11 .section4 .sec4Swiper .swiper-slide{
	width: 100%;
	height: 100%;
	padding: 0 20px;
	display: flex;
	align-items: center;
}
.m11 .section4 .sec4Swiper .swiper-slide .bg{
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	transform: scale(1.1);
	transition: all 2s;
}
.m11 .section4 .sec4Swiper .swiper-slide.v1 .bg{background: url(/images/page/m11_sec4_bg1.jpg) no-repeat center / cover;}
.m11 .section4 .sec4Swiper .swiper-slide.v2 .bg{background: url(/images/page/m11_sec4_bg2.jpg) no-repeat center / cover;}
.m11 .section4 .sec4Swiper .swiper-slide.v3 .bg{background: url(/images/page/m11_sec4_bg3.jpg) no-repeat center / cover;}
.m11 .section4 .sec4Swiper .swiper-slide-active .bg{
	transform: scale(1);
}
.m11 .section4 .sec4Swiper .swiper-slide .txtwrap{
	width: 100%;
	padding: 40px 20px;
	background: rgba(0,0,0,0.2);
	backdrop-filter: blur(10px);
	border-radius: 8px;
}
.m11 .section4 .sec4Swiper .swiper-slide .txtwrap .titwrap{
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
}
.m11 .section4 .sec4Swiper .swiper-slide .txtwrap .titwrap .num{
	display: inline-block;
	padding: 7px 16px;
	border-radius: 40px;
	background: #0981f1;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}
.m11 .section4 .sec4Swiper .swiper-slide .txtwrap .titwrap .num span{
	display: inline-block;
	width: 1px;
	height: 12px;
	background: rgba(255,255,255,0.4);
	margin: 0 8px;
}
.m11 .section4 .sec4Swiper .swiper-slide .txtwrap .titwrap .tit{
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	margin-top: 20px;
}
.m11 .section4 .sec4Swiper .swiper-slide .txtwrap p{
	font-size: 16px;
	line-height: 1.7em;
	color: #fff;
}


.m11 .section5{
	padding: 100px 0;
}
.m11 .section5 .sub_tit{
	font-family: "Poppins";
	font-size: 30px;
	line-height: 1.2em;
	font-weight: 500;
	color: #000;
	margin-bottom: 100px;
}
.m11 .section5 .conwrap{
	position: relative;
}
.m11 .section5 .conwrap .line{
	display: none;
}

.m11 .section5 .conwrap .yearwrap{
	display: flex;
	flex-direction: column;
}
.m11 .section5 .conwrap .yearwrap + .yearwrap{
	margin-top: 50px;
}
.m11 .section5 .conwrap .yearwrap .img{
	width: 100%;
	margin-bottom: 30px;
}
.m11 .section5 .conwrap .yearwrap .txtwrap{
	position: relative;
	width: 100%;
	padding-left: 30px;
}
.m11 .section5 .conwrap .yearwrap .txtwrap:before{
	content: "";
	position: absolute;
	left: 3px;
	top: 0;
	width: 1px;
	height: 100%;
	background: #ccc;
}
.m11 .section5 .conwrap .yearwrap .txtwrap .period{
	margin-bottom: 10px;
	font-family: "Poppins";
	font-size: 36px;
	color: #0981f1;
}
.m11 .section5 .conwrap .yearwrap .txtwrap ul{
	border-top: 1px solid #000;
}
.m11 .section5 .conwrap .yearwrap .txtwrap li{
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	display: flex;
	flex-direction: column;
}
.m11 .section5 .conwrap .yearwrap .txtwrap li:after{
	content: "";
	position: absolute;
	left: -32px;
	top: 35px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #0981f1;
}
.m11 .section5 .conwrap .yearwrap .txtwrap li:before{
	content: "";
	position: absolute;
	left: -38px;
	top: 29px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgba(9,129,241,0.2);
}



.m11 .section5 .conwrap .yearwrap .txtwrap li .year{
	font-family: "Poppins";
	font-size: 26px;
	font-weight: 500;
	color: #000;
	width: 100%;
}
.m11 .section5 .conwrap .yearwrap .txtwrap li .con{
	width: 100%;
	margin-top: 7px;
}
.m11 .section5 .conwrap .yearwrap .txtwrap li .con dl{
	display: flex;
	align-items: baseline;
}
.m11 .section5 .conwrap .yearwrap .txtwrap li .con dl + dl{
	margin-top: 10px;
}
.m11 .section5 .conwrap .yearwrap .txtwrap li .con dl dt{
	font-family: "Poppins";
	font-size: 15px;
	font-weight: 500;
	color: #000;
	width: 70px;
}
.m11 .section5 .conwrap .yearwrap .txtwrap li .con dl dd{
	width: calc(100% - 70px);
}
.m11 .section5 .conwrap .yearwrap .txtwrap li .con dl dd p{
	font-size: 15px;
	line-height: 2em;
	color: rgba(0,0,0,0.7);
}
.m11 .section5 .conwrap .yearwrap .txtwrap li .con dl dd p + p{
	margin-top: 5px;
}

.m11 .section6{
	position: relative;
	width: 100%;
	height: 530px;
	overflow: hidden;
}
.m11 .section6 .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m11_sec6_bg.jpg) no-repeat center / cover;
}
.m11 .section6 .innerwrap{
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.m11 .section6 .innerwrap b{
	display: inline-block;
	font-family: "Poppins";
	font-size: 30px;
	font-weight: 600;
	color: #fff;
}
.m11 .section6 .innerwrap p{
	font-size: 16px;
	line-height: 2em;
	color: rgba(255,255,255,0.8);
	margin: 10px 0 30px;
}
.m11 .section6 .innerwrap .btnMore{
	display: inline-block;
	font-size:14px;
	padding: 10px 20px;
	background: #353535;
	border-radius: 40px;
	color: #fff;
}
.m11 .section6 .innerwrap .btnMore>span{
	position:relative;
	z-index:10;
	vertical-align: middle;
}
.m11 .section6 .innerwrap .btnMore i{
	display:inline-block;
	width:24px;height:24px;
	margin-left:10px;
	background:#9c9c9c url(/images/main/btn_arr.png) no-repeat center;
	border-radius:50%;
	transition: all 0.3s;
	vertical-align: middle;
}
.m11 .section6 .innerwrap .btnMore.v2 i{
	background:#9c9c9c url(/images/main/btn_arr2.png) no-repeat center;
}
.m11 .section6 .innerwrap .btnMore:hover i{
	background:#9c9c9c url(/images/main/btn_arr_hv.png) no-repeat center;
}

.m12{}
.m12 .section .sec_tit{
	font-family: "Poppins";
	font-size: 26px;
	font-weight: 500;
	color: #000;
	margin-bottom: 30px;
}
.m12 .section1{
	padding: 100px 0;
}
.m12 .section .boxwrap{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.m12 .section .boxwrap .box{
	width: 100%;
}
.m12 .section .boxwrap .box>.box_inner{
	display: block;
	width: 100%;
	height: 100%;
	padding: 40px 20px;
	border-radius: 8px;
	border: 1px solid #ccc;
	background: #fff;
	transition: all 0.3s;
}
.m12 .section .boxwrap .box>.box_inner:hover{
	background: #2d2d2d;
}
.m12 .section .boxwrap .box>.box_inner .titwrap{
	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
.m12 .section .boxwrap .box>.box_inner .titwrap .locate{
	width: calc(100% - 40px);
}
.m12 .section .boxwrap .box>.box_inner .titwrap .locate .place{
	font-size: 15px;
	font-weight: 600;
	color: #0078ef;
	margin-bottom: 5px;
	transition: all 0.3s;
}
.m12 .section .boxwrap .box>.box_inner:hover .titwrap .locate .place{
	color: #fff;
}
.m12 .section .boxwrap .box>.box_inner .titwrap .locate .name{
	font-size: 20px;
	font-weight: 600;
	color: #000;
	transition: all 0.3s;
}
.m12 .section .boxwrap .box>.box_inner:hover .titwrap .locate .name{
	color: #fff;
}
.m12 .section .boxwrap .box>.box_inner .titwrap .locate .name.en{
	font-family: "Poppins";
	font-weight: 500;
}
.m12 .section .boxwrap .box>.box_inner .titwrap .arr{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #000;
	transition: all 0.3s;
}
.m12 .section .boxwrap .box>.box_inner:hover .titwrap .arr{
	background: #0981f1;
}
.m12 .section .boxwrap .box>.box_inner .titwrap .arr>i{
	display: block;
	width: 12px;
	height: 12px;
	background: url(/images/page/m12_arr.png) no-repeat center / cover;
	transition: all 0.3s;
}
.m12 .section .boxwrap .box .box_inner:hover .titwrap .arr i{
	transform: rotate(-45deg);
}
.m12 .section .boxwrap .box .box_inner .infowrap{}
.m12 .section .boxwrap .box .box_inner .infowrap dl{
	display: flex;
}
.m12 .section .boxwrap .box .box_inner .infowrap dl + dl{
	margin-top: 10px;
}
.m12 .section .boxwrap .box .box_inner .infowrap dl dt{
	position: relative;
	padding-left: 24px;
	width: 110px;
	font-size: 15px;
	line-height: 1.5em;
	font-weight: 600;
	color: #000;
	transition: all 0.3s;
}
.m12 .section .boxwrap .box .box_inner .infowrap.v2 dl dt{
	width: 110px;
}
.m12 .section .boxwrap .box .box_inner:hover .infowrap dl dt{
	color: #fff;
}
.m12 .section .boxwrap .box .box_inner .infowrap dl dt:after{
	content: "";
	position: absolute;
	right: 17px;
	top: 6px;
	width: 1px;
	height: 10px;
	background: #cccccc;
}
.m12 .section .boxwrap .box .box_inner .infowrap dl dt.adr{background: url(/images/page/m12_adr_icon.png) no-repeat left 2px; background-size: 14px;}
.m12 .section .boxwrap .box .box_inner:hover .infowrap dl dt.adr{background: url(/images/page/m12_adr_icon_wh.png) no-repeat left 2px;background-size: 14px;}
.m12 .section .boxwrap .box .box_inner .infowrap dl dt.tel{background: url(/images/page/m12_tel_icon.png) no-repeat left 5px;background-size: 14px;}
.m12 .section .boxwrap .box .box_inner:hover .infowrap dl dt.tel{background: url(/images/page/m12_tel_icon_wh.png) no-repeat left 5px;background-size: 14px;}
.m12 .section .boxwrap .box .box_inner .infowrap dl dt.fax{background: url(/images/page/m12_fax_icon.png) no-repeat left 5px;background-size: 14px;}
.m12 .section .boxwrap .box .box_inner:hover .infowrap dl dt.fax{background: url(/images/page/m12_fax_icon_wh.png) no-repeat left 5px;background-size: 14px;}
.m12 .section .boxwrap .box .box_inner .infowrap dl dt.sales{background: url(/images/page/m12_sales_icon.png) no-repeat left 6px;background-size: 14px;}
.m12 .section .boxwrap .box .box_inner:hover .infowrap dl dt.sales{background: url(/images/page/m12_sales_icon_wh.png) no-repeat left 6px;background-size: 14px;}
.m12 .section .boxwrap .box .box_inner .infowrap dl dt.service{background: url(/images/page/m12_service_icon.png) no-repeat left 6px;background-size: 14px;}
.m12 .section .boxwrap .box .box_inner:hover .infowrap dl dt.service{background: url(/images/page/m12_service_icon_wh.png) no-repeat left 6px;background-size: 14px;}
.m12 .section .boxwrap .box .box_inner .infowrap dl dt.ss{background: url(/images/page/m12_ss_icon.png) no-repeat left 6px;background-size: 14px;}
.m12 .section .boxwrap .box .box_inner:hover .infowrap dl dt.ss{background: url(/images/page/m12_ss_icon_wh.png) no-repeat left 6px;background-size: 14px;}
.m12 .section .boxwrap .box .box_inner .infowrap dl dt.mail{background: url(/images/page/m12_mail_icon.png) no-repeat left 6px;background-size: 14px;}
.m12 .section .boxwrap .box .box_inner:hover .infowrap dl dt.mail{background: url(/images/page/m12_mail_icon_wh.png) no-repeat left 6px;background-size: 14px;}
.m12 .section .boxwrap .box .box_inner .infowrap dl dt.homepage{background: url(/images/page/m12_homepage_icon.png) no-repeat left 5px;background-size: 14px;}
.m12 .section .boxwrap .box .box_inner:hover .infowrap dl dt.homepage{background: url(/images/page/m12_homepage_icon_wh.png) no-repeat left 5px;background-size: 14px;}

.m12 .section .boxwrap .box .box_inner .infowrap dl dd{
	width: calc(100% - 110px);
	font-size: 15px;
	line-height: 1.5em;
	color: #555;
	transition: all 0.3s;
}
.m12 .section .boxwrap .box .box_inner .infowrap.v2 dl dd{
	width: calc(100% - 110px);
}
.m12 .section .boxwrap .box .box_inner .infowrap dl dd>a{font:inherit;color:inherit;
}
.m12 .section .boxwrap .box .box_inner .infowrap dl dd>img{margin-left: 4px;}
.m12 .section .boxwrap .box .box_inner .infowrap dl dd>a:hover{}
.m12 .section .boxwrap .box .box_inner:hover .infowrap dl dd{
	color: #fff;
}

.m12 .section2{
	padding: 100px 0;
}
.m12 .section .boxwrap .box .box_inner .infowrap dl.en dt{
	width: 110px;
}
.m12 .section .boxwrap .box .box_inner .infowrap dl.en dd{
	width: calc(100% - 110px);
}
.m12 .section3{
	padding: 100px 0;
}



.m13{}
.m13 .section1{
	padding: 90px 0 240px;
}
.m13 .section .sec_tit {
	font-family: "Poppins";
	font-size: 26px;
	font-weight: 500;
	color: #000;
	margin-bottom: 30px;
}
.m13 .section1 .box{
	width: 100%;
	padding: 40px 20px;
	border-radius: 8px;
	border: 1px solid #ccc;
	background: #fff;
	display: flex;
	flex-direction: column;
}
.m13 .section1 .box + .box{
	margin-top: 40px;
}
.m13 .section1 .box .imgwrap{
	width: 100%;
	margin-bottom: 50px;
}
.m13 .section1 .box .imgwrap img{
	width: 100%;
}
.m13 .section1 .box .txtwrap{
	position: relative;
	width: 100%;
}
.m13 .section1 .box .txtwrap .arr{
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #000;
	transition: all 0.3s;
}
.m13 .section1 .box .txtwrap .arr:hover{
	background: #0981f1;
}
.m13 .section1 .box .txtwrap .arr i{
	display: block;
	width: 12px;
	height: 12px;
	background: url(/images/page/m12_arr.png) no-repeat center / cover;
	transition: all 0.3s;
}
.m13 .section1 .box .txtwrap .arr:hover i{
	transform: rotate(-45deg);
}
.m13 .section1 .box .txtwrap .titwrap{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
.m13 .section1 .box .txtwrap .titwrap .icon img{
	transform: scale(0.7);
	transform-origin: left center;
}
.m13 .section1 .box .txtwrap .titwrap p{
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.7em;
	color: #666;
}
.m13 .section1 .box .txtwrap .infowrap{}
.m13 .section1 .box .txtwrap .infowrap dl{
	display: flex;
}
.m13 .section1 .box .txtwrap .infowrap dl + dl{
	margin-top: 10px;
}
.m13 .section1 .box .txtwrap .infowrap dl dt{
	position: relative;
	padding-left: 30px;
	width: 110px;
	font-size: 15px;
	line-height: 1.5em;
	font-weight: 600;
	color: #000;
	transition: all 0.3s;
}
.m13 .section1 .box .txtwrap .infowrap dl dt:after{
	content: "";
	position: absolute;
	right: 15px;
	top: 6px;
	width: 1px;
	height: 10px;
	background: #cccccc;
}
.m13 .section1 .box .txtwrap .infowrap dl dt.adr{background: url(/images/page/m12_adr_icon.png) no-repeat left 2px; background-size: 14px;}
.m13 .section1 .box .txtwrap .infowrap dl dt.tel{background: url(/images/page/m12_tel_icon.png) no-repeat left 5px;background-size: 14px;}
.m13 .section1 .box .txtwrap .infowrap dl dt.fax{background: url(/images/page/m12_fax_icon.png) no-repeat left 5px;background-size: 14px;}
.m13 .section1 .box .txtwrap .infowrap dl dt.sales{background: url(/images/page/m12_sales_icon.png) no-repeat left 6px;background-size: 14px;}
.m13 .section1 .box .txtwrap .infowrap dl dt.service{background: url(/images/page/m12_service_icon.png) no-repeat left 6px;background-size: 14px;}
.m13 .section1 .box .txtwrap .infowrap dl dt.ss{background: url(/images/page/m12_ss_icon.png) no-repeat left 6px;background-size: 14px;}
.m13 .section1 .box .txtwrap .infowrap dl dt.mail{background: url(/images/page/m12_mail_icon.png) no-repeat left 6px;background-size: 14px;}
.m13 .section1 .box .txtwrap .infowrap dl dt.homepage{background: url(/images/page/m12_homepage_icon.png) no-repeat left 5px;background-size: 14px;}

.m13 .section1 .box .txtwrap .infowrap dl dd{
	width: calc(100% - 110px);
	font-size: 15px;
	line-height: 1.5em;
	color: #555;
	transition: all 0.3s;
}
.m13 .section1 .box .txtwrap .infowrap dl dd>a{
	font:inherit;
	color:inherit;
}
.m13 .section1 .box .txtwrap .infowrap dl dd>img{margin-left: 4px;}



.m21{}
.m21 .section{
	padding: 0 0 100px;
}
.m21 .section .innerwrap{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.m21 .section .categoryForm{
	width: 100%;
	margin-bottom: 60px;
	padding: 0 20px;
	border-radius: 8px;
	border: 1px solid #ccc;
}
.m21 .section .categoryForm .filter{
	width: 100%;
}
.m21 .section .categoryForm .filter .filter_list{
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}
.m21 .section .categoryForm .filter .filter_list:last-child{
	border-bottom: none;
}
.m21 .section .categoryForm .filter .filter_list > a{
	display: inline-block;
	width: 100%;
	position: relative;
	font-size: 15px;
	font-weight: 600;
	color: #000;
}
.m21 .section .categoryForm .filter .filter_list > a:after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 11px;
	height: 6px;
	background: url(/images/page/m21_arr.png) no-repeat center / contain;
}
.m21 .section .categoryForm .filter .filter_list.on > a:after{
	transform: translateY(-50%) rotate(180deg);
}
.m21 .section .categoryForm .filter .filter_list.off > a:after{
	display: none;
}
.m21 .section .categoryForm .filter .filter_list .searchwrap{
	position: relative;
	margin-top: 10px;
}
.m21 .section .categoryForm .filter .filter_list .searchwrap input[type="text"]{
	position: relative;
	width: 100%;
	height: 48px;
	padding: 0 15px;
	border-radius: 8px;
	border: 1px solid #ccc;
}
.m21 .section .categoryForm .filter .filter_list .searchwrap button{
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	outline: none;
	border: none;
	background: none;
}
.m21 .section .categoryForm .filter .filter_list .chk{
	margin-top: 15px;
	display: none;
}
.m21 .section .categoryForm .filter .filter_list.on .chk{
}
.m21 .section .categoryForm .filter .filter_list .chk > .radio_list > li input[type="radio"]{
	display: none;
}
.m21 .section .categoryForm .filter .filter_list .chk > .radio_list > li input[type="radio"] + label{
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 16px 12px;
	border-radius: 8px;
	font-size: 15px;
	color: #333;
}
.m21 .section .categoryForm .filter .filter_list .chk > .radio_list > li input[type="radio"]:checked + label{
	font-weight: 600;
	color: #fff;
	background: #0981f1;
}

.m21 .section .categoryForm .filter .filter_list .chk > .chk_list > li input[type="checkbox"]{
	display: none;
}
.m21 .section .categoryForm .filter .filter_list .chk > .chk_list > li input[type="checkbox"] + label{
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 16px 12px;
	font-size: 15px;
	color: #333;
	border-bottom: 1px solid #ccc;
}
.m21 .section .categoryForm .filter .filter_list .chk > .chk_list > li:last-child input[type="checkbox"] + label{
	border-bottom: none;
}
.m21 .section .categoryForm .filter .filter_list .chk > .chk_list > li input[type="checkbox"] + label:before{
	display: block;
	content: "";
	width: 17px;
	height: 17px;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	overflow: hidden;
}
.m21 .section .categoryForm .filter .filter_list .chk > .chk_list > li input[type="checkbox"]:checked + label:before{
	background: url(/images/page/m21_chk_icon.png) no-repeat center / contain;
	border: none;
}

.m21 .m21_float{
	position: fixed;
	right: 4%;
	bottom: 100px;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #0981f1;
	z-index: 10;
}
.m21 .m21_float .icon img{
	width: 27px;
}
.m21 .m21_float span{
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	margin-top: 3px;
	text-align: center;
}

.slider-container {
	width:90%;
	margin: 0 auto;
	text-align: center;
}

.slider-labels {
	display: flex;
	justify-content: space-between;
	margin-bottom: 14px;
	color: #555;
	font-size: 14px;
}

#slider {
	margin-bottom: 20px;
	height: 6px;
}
#slider >  .value-label {
	display: none;
}
.noUi-connect {
	background: #0981f1 !important;
}
.value-label {
	background: #adadad;
	color: #fff;
	display: block;
	width: 48px;
	height: 21px;
	line-height: 21px;
	border-radius: 15px;
	font-weight: bold;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}
.noUi-horizontal{
	height: 6px;
}
.noUi-horizontal .noUi-handle{
	width: 20px !important;
	height: 20px !important;
	border-radius: 50%;
	border: 1px solid #0981f1;
	top: 2px !important;
	right: -8px !important;
	transform: translateY(-50%);
	box-shadow: unset;
}
.noUi-handle.noUi-handle-lower{
}
.noUi-handle.noUi-handle-upper{
}
.noUi-horizontal .noUi-handle:before{
	display: none;
}
.noUi-horizontal .noUi-handle:after{
	display: none;
}
.noUi-horizontal .noUi-handle .value-label{
	position: absolute;
	left: 50%;
	top: calc(100% + 10px);
	transform: translateX(-50%);
}
.slider_btn{
	margin-top: 40px;
	width: 100%;
	height: 40px;
	line-height: 38px;
	border: 1px solid #ccc;
	border-radius: 20px;
	background: none;
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	cursor: pointer;
}


.m21 .section .listwrap{
	width: 100%;
}
.m21 .section .listwrap ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}
.m21 .section .listwrap li{
	width: 100%;
	min-height: 505px;
	border-radius: 8px;
	border: 1px solid #ccc;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.m21 .section .listwrap li .m21Swiper{
	width: 100%;
}
.m21 .section .listwrap li .m21Swiper .swiper-slide{
	width: 100%;
	height: 100%;
	padding: 50px 30px 100px 30px;
	background: #f5f5f7;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m21 .section .listwrap li .m21Swiper .gall-pagination{
	position: absolute;
	left: 50%;
	bottom: 10px;
	transform: translateX(-50%);
	z-index: 10;
	text-align: center;
}
.m21 .section .listwrap li .m21Swiper .gall-pagination .swiper-pagination-bullet{
	width: 83px;
	height: 54px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 4px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
}
.m21 .section .listwrap li .m21Swiper .gall-pagination .swiper-pagination-bullet-active{
	border: 1px solid #0078ef;
}
.m21 .section .listwrap li .m21Swiper .gall-pagination .swiper-pagination-bullet img{
	max-width: 100%;
	max-height: 100%;
}

.m21 .section .listwrap li .infowrap{
	width: 100%;
	padding: 50px 20px;
}
.m21 .section .listwrap li .infowrap .slg{
	width: 100%;
	padding: 10px 15px;
	border-radius: 50px;
	background: #f5f5f7;
	margin-bottom: 25px;
	text-align: center;
	font-size: 15px;
	line-height: 1.5em;
	font-weight: 500;
	color: #0981f1;
}
.m21 .section .listwrap li .infowrap .titwrap{
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
}
.m21 .section .listwrap li .infowrap .titwrap .type{
	font-size: 16px;
	font-weight: 600;
	color: #0981f1;
}
.m21 .section .listwrap li .infowrap .titwrap .name{
	font-family: "Poppins";
	font-size: 20px;
	font-weight: 500;
	color: #000;
}
.m21 .section .listwrap li .infowrap dl{
	width: 100%;
	padding: 15px 5px;
	border-bottom: 1px solid #ccc;
}
.m21 .section .listwrap li .infowrap dl dt{
	font-family: "Poppins";
	font-size: 15px;
	font-weight: 500;
	color: #000;
}
.m21 .section .listwrap li .infowrap dl dd{
	font-family: "Poppins";
	font-size: 15px;
	color: #555;
	margin-top: 5px;
}




.m23{}
.m23 .section1{
	padding: 0 0 200px;
}
.m23 .section1 .innerwrap{
	display: flex;
	flex-direction: column;
}
.m23 .section1 .innerwrap .thumb{
	width: 100%;
	padding: 40px 20px;
	border-radius: 8px;
	background: #f4f4f4;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m23 .section1 .innerwrap .tablewrap{
	margin-top: 50px;
	width: 100%;
}
.m23 .section1 .innerwrap .tablewrap table{
	width: 100%;
	border-top: 2px solid #000;
}
.m23 .section1 .innerwrap .tablewrap table th{
	font-family: "Poppins";
	font-size: 15px;
	font-weight: 500;
	color: #555;
	background: #f8f8f8;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
.m23 .section1 .innerwrap .tablewrap table td{
	font-family: "Poppins";
	font-size: 15px;
	color: #000;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	text-align: center;
}


.m24{}
.m24 .section{
	padding: 0 0 100px;
	background: #f5f5f7;
}
.m24 .slgwrap{
	width: 100%;
	padding: 120px 4%;
	background: url(/images/page/m24_slg_bg.jpg) no-repeat center / cover;
	text-align: center;
}
.m24 .slgwrap b{
	font-family: "Poppins";
	display: inline-block;
	font-size: 48px;
	font-weight: 500;
	color: #fff;
}
.m24 .slgwrap p{
	margin-top: 30px;
	font-size: 20px;
	line-height: 1.6em;
	color: rgba(255,255,255,0.8);
}
.m24 .conwrap{
	padding: 70px 0;
	border-bottom: 1px solid #ccc;
	display: flex;
	flex-direction: column-reverse;
}
.m24 .conwrap:last-child{
	border-bottom: 0;
}
.m24 .conwrap .txtwrap{
	width: 100%;
	margin-top: 50px;
	display: flex;
	flex-direction: column;
}
.m24 .conwrap .txtwrap .tit{
	order: 2;
}
.m24 .conwrap .txtwrap .tit .icon{
	width: 55px;
}
.m24 .conwrap .txtwrap .tit b{
	display: block;
	width: 100%;
	margin-top: 35px;
	font-size: 26px;
	font-weight: 600;
	color: #000;
	
}
.m24 .conwrap .txtwrap p{
	order: 3;
	font-size: 16px;
	line-height: 1.7em;
	color: rgba(0,0,0,0.7);
	margin-top: 20px;
}


.m24 .conwrap .txtwrap .m24Swiper{
	order: 1;
	width: 100%;
	margin-bottom: 20px;
	padding-top: 36px;
}
.m24 .conwrap .txtwrap .m24Swiper .swiper-slide{
	width: 100%;
	padding: 20px;
	border-radius: 8px;
	background: #ebebed;
	display: flex;
	flex-direction: column;
}
.m24 .conwrap .txtwrap .m24Swiper .swiper-slide .titwrap{
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
}
.m24 .conwrap .txtwrap .m24Swiper .swiper-slide .titwrap .name{
	font-size: 22px;
	font-weight: 600;
	color: #000;
	margin-bottom: 15px;
}
.m24 .conwrap .txtwrap .m24Swiper .swiper-slide .infowrap{
	position: relative;
	width: 100%;
}
.m24 .conwrap .txtwrap .m24Swiper .swiper-slide .infowrap dl{}
.m24 .conwrap .txtwrap .m24Swiper .swiper-slide .infowrap dl + dl{margin-top: 10px;}
.m24 .conwrap .txtwrap .m24Swiper .swiper-slide .infowrap dl dt{
	font-size: 16px;
	font-weight: 600;
	color: #000;
}
.m24 .conwrap .txtwrap .m24Swiper .swiper-slide .infowrap dl dd{
	margin-top: 5px;
}
.m24 .conwrap .txtwrap .m24Swiper .swiper-slide .infowrap dl dd ul{
	display: flex;
	flex-wrap: wrap;
}
.m24 .conwrap .txtwrap .m24Swiper .swiper-slide .infowrap dl dd  li{
	position: relative;
	font-size: 16px;
	line-height: 1.7em;
	padding-right: 20px;
}
.m24 .conwrap .txtwrap .m24Swiper .swiper-slide .infowrap dl dd  li:last-child{
	padding-right: 0;
}
.m24 .conwrap .txtwrap .m24Swiper .swiper-slide .infowrap dl dd  li:after{
	content: "";
	position: absolute;
	right: 10px;
	top: 9px;
	width: 1px;
	height: 9px;
	background: #c9c9c9;
}
.m24 .conwrap .txtwrap .m24Swiper .swiper-slide .infowrap dl dd  li:last-child:after{
	display: none;
}

.m24 .conwrap .txtwrap .m24Swiper .ctr{
	position: absolute;
	right: 0;
	top: 0;
}
.m24 .conwrap .txtwrap .m24Swiper .ctr > div{
	display: inline-block;
	cursor: pointer;
}
.m24 .conwrap .imgwrap{
	width: 100%;
}
.m24 .conwrap .mapwrap{
	position: relative;
	width: 100%;
}
.m24 .conwrap .mapwrap li{
	position: absolute;
	width: 11px;
	height: 21px;
	background: url(/images/page/m24_map_pin.png) no-repeat center / contain;
	cursor: pointer;
}
.m24 .conwrap .mapwrap li.on{
	background: url(/images/page/m24_map_pin_on.png) no-repeat center / contain;
}
.m24 .conwrap .mapwrap li:nth-child(1){
	left: 41.4%;
	top: 49%;
}
.m24 .conwrap .mapwrap li:nth-child(2){
	left: 33.4%;
	top: 47%;
}
.m24 .conwrap .mapwrap li:nth-child(3){
	left: 39.8%;
	top: 54.4%;
}
.m24 .conwrap .mapwrap li:nth-child(4){
	left: 43.6%;
	top: 50%;
}
.m24 .conwrap .mapwrap li:nth-child(5){
	left: 36%;
	top: 61%;
}
.m24 .conwrap .mapwrap li:nth-child(6){
	left: 69.4%;
	top: 49%;
}
.m24 .conwrap .mapwrap li:nth-child(7){
	left: 14.8%;
	top: 45%;
}
.m24 .conwrap .mapwrap li:nth-child(8){
	left: 17.1%;
	top: 46.8%;
}
.m24 .conwrap .mapwrap li .thumb{
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%);
	padding: 0 5px;
	height: 26px;
	line-height: 22px;
	border: 2px solid #1660ca;
	border-radius: 5px;
	background: #fff;
	font-size: 12px;
	font-weight: 700;
	color: #000;
	text-align: center;
	display: none;
	cursor: default;
	z-index: 10;
}
.m24 .conwrap .mapwrap li.on .thumb{
	display: block;
}




.m31{}
.m31 .section1{
	position: relative;
	padding: 100px 0;
	background: url(/images/page/m31_sec1_logo.png) no-repeat left -30px top 170px  #f5f5f7;
}
.m31 .section .con_tit{
	margin-bottom: 30px;
}
.m31 .section .con_tit h3{
	font-family: "Poppins";
	font-size: 25px;
	font-weight: 500;
	color: #000;
}
.m31 .section .con_tit p{
	margin-top: 20px;
	font-size: 20px;
	line-height: 1.6em;
	color: #555;
}
.m31 .section1 .innerwrap{
	position: relative;
}
.m31 .section1 .slg{
	font-family: "Poppins";
	font-size: 35px;
	font-weight: 500;
	line-height: 1.5em;
	color: #000;
	margin-bottom: 50px;
}
.m31 .section1 .vision .list{
	display: flex;
	flex-direction: column;
	row-gap: 50px;
}

.m31 .section1 .vision .list .imgwrap .txts{
	margin-top: 30px;
}
.m31 .section1 .vision .list .imgwrap .txts b{
	display: inline-block;
	font-size: 22px;
	font-weight: 600;
	color: #000;
}
.m31 .section1 .vision .list .imgwrap .txts p{
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.5em;
	color: rgba(0,0,0,0.8);
}


.m31 .section2{
	padding: 100px 0;
	background: #fff;
}
.m31 .section2 .tab_tit{
	font-family: "Poppins";
	font-size: 35px;
	font-weight:500;
	color: #000;
	margin-bottom: 45px;
}
.m31 .section .sec_tit{
	font-family: "Poppins";
	font-size: 32px;
	font-weight:500;
	color: #000;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 50px;
}


.m31 .introSection .activity{}
.m31 .introSection .activity .inner{
	display: flex;
	flex-direction: column;
	position: relative;
}
.m31 .introSection .activity .inner .infowrap{
	width: 100%;
	padding: 20px;
	background: #f5f5f7;
	border-radius: 8px;
}
.m31 .introSection .activity .inner .infowrap .titwrap{
}
.m31 .introSection .activity .inner .infowrap .titwrap .tit{
	font-family: "Poppins";
	font-size: 15px;
	font-weight: 600;
	color: #0981f1;
	margin-bottom: 10px;
}
.m31 .introSection .activity .inner .infowrap .titwrap ul li{
	font-size: 24px;
	font-weight: 500;
	color: #000;
	display: none;
}
.m31 .introSection .activity .inner .infowrap .titwrap ul li.on{
	display: block;
}
.m31 .introSection .activity .inner .infowrap .tabwrap{
	margin-top: 15px;
	display: none;
}
.m31 .introSection .activity .inner .infowrap .tabwrap span{
	font-size: 15px;
	font-weight: 600;
	color: #000;
}
.m31 .introSection .activity .inner .infowrap .tabwrap ul{
	margin-top: 20px;
}
.m31 .introSection .activity .inner .infowrap .tabwrap li{
	padding: 15px 12px;
	border-radius: 8px;
	font-size: 15px;
	color: #333;
	cursor: pointer;
}
.m31 .introSection .activity .inner .infowrap .tabwrap li.on{
	font-weight: 500;
	color: #fff;
	background: #0981f1;
}
.m31 .introSection .activity .inner .slidewrap{
	width: 100%;
	margin-top: 10px;
	padding: 20px;
	background: #f5f5f7;
	border-radius: 8px;
}
.m31 .introSection .activity .inner .slidewrap .ctr{
	position: absolute;
	right: 0;
	bottom: calc(100% + 20px);
}
.m31 .introSection .activity .inner .slidewrap .ctr > div{
	display: inline-block;
	cursor: pointer;
	width: 30px;
}
.m31 .introSection .activity .inner .slidewrap .swiper-slide{
	width: 100%;
}
.m31 .introSection .activity .inner .slidewrap .swiper-slide dl{
	width: 100%;
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #ccc;
}
.m31 .introSection .activity .inner .slidewrap .swiper-slide dl:first-child{
	border-top: 1px solid #000;
}
.m31 .introSection .activity .inner .slidewrap .swiper-slide dl dt{
	display: flex;
	align-items: center;
	width: 100%;
}
.m31 .introSection .activity .inner .slidewrap .swiper-slide dl dt .icon{
	width: 40px;
}
.m31 .introSection .activity .inner .slidewrap .swiper-slide dl dt b{
	width: calc(100% - 40px - 10px);
	font-size: 20px;
	font-weight: 600;
	color: #000;
	margin-left: 10px;
}
.m31 .introSection .activity .inner .slidewrap .swiper-slide dl dd{
	width: 100%;
	margin-top: 8px;
}
.m31 .introSection .activity .inner .slidewrap .swiper-slide dl dd > ul > li{
	position: relative;
	padding-left: 14px;
}
.m31 .introSection .activity .inner .slidewrap .swiper-slide dl dd > ul > li + li{
	margin-top: 10px;
}
.m31 .introSection .activity .inner .slidewrap .swiper-slide dl dd > ul > li:after{
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	border: 2px solid #0981f1;
	box-sizing: border-box;
}
.m31 .introSection .activity .inner .slidewrap .swiper-slide dl dd > ul > li > p{
	font-size: 15px;
	line-height: 1.8em;
}
.m31 .introSection .activity .inner .slidewrap .swiper-slide dl dd > ul > li.flex{
	display: flex;
	flex-direction: column;
}
.m31 .introSection .activity .inner .slidewrap .swiper-slide dl dd > ul > li.flex > p{
	width: 100%;
}
.m31 .introSection .activity .inner .slidewrap .swiper-slide dl dd > ul > li.flex > ul{
	width: 100%;
}
.m31 .introSection .activity .inner .slidewrap .swiper-slide dl dd > ul > li.flex > ul > li{
	font-size: 14px;
	line-height: 1.7em;
	color: #555;
}


.m31 .section3{
	padding: 100px 0;
}
.m31 .section3 .intro{
	flex-direction: row-reverse;
}
.m31 .section3 .intro .txtwrap{
	padding: 0 0 0 5%;
}
.m31 .section3 .activity .inner .infowrap{
	background: #fff;
}
.m31 .section3 .activity .inner .slidewrap{
	background: #fff;
}

.m31 .section4{
	padding: 100px 0;
}
.m31 .section .slgwrap{
	position: relative;
	width: 100%;
	padding: 80px 4%;
	margin-bottom: 100px;
	border-radius: 8px;
	overflow: hidden;
}
.m31 .section .slgwrap .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m31 .section2 .slgwrap .bg{background: url(/images/page/m31_sec2_slg_bg.jpg) no-repeat center / cover;}
.m31 .section3 .slgwrap .bg{background: url(/images/page/m31_sec3_slg_bg.jpg) no-repeat center / cover;}
.m31 .section4 .slgwrap .bg{background: url(/images/page/m31_sec4_slg_bg.jpg) no-repeat center / cover;}
.m31 .section .slgwrap .txtwrap{
	position: relative;
	text-align: center;
}
.m31 .section .slgwrap .txtwrap b{
	font-family: "Poppins";
	display: inline-block;
	font-size: 28px;
	font-weight: 500;
	color: #fff;
}
.m31 .section .slgwrap .txtwrap p{
	margin-top: 40px;
	font-size: 16px;
	line-height: 1.5em;
	color: rgba(255,255,255,0.8);
}

.m31 .section4 .efficiency{
	margin: 0 0 100px;
}
.m31 .section4 .efficiency .boxwrap{
	width: 100%;
	padding: 40px 20px;
	border-radius: 8px;
	border: 1px solid #ccc;
}
.m31 .section4 .efficiency .boxwrap .txtwrap{
	width: 100%;
	margin-bottom: 40px;
}
.m31 .section4 .efficiency .boxwrap .txtwrap p{
	position: relative;
	padding-left: 17px;
	font-size: 16px;
	line-height: 1.7em;
	color: #000;
}
.m31 .section4 .efficiency .boxwrap .txtwrap p:first-child{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
.m31 .section4 .efficiency .boxwrap .txtwrap p:after{
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 9px;
	height: 9px;
	border: 2px solid #0981f1;
	border-radius: 50%;
	box-sizing: border-box;
}
.m31 .section4 .efficiency .boxwrap .img{
	width: 100%;
}
.m31 .section4 .feature{
	margin-bottom: 100px;
}
.m31 .section4 .feature .conwrap{
	display: flex;
	flex-direction: column;
}
.m31 .section4 .feature .conwrap .imgwrap{
	position: relative;
	width: 50%;
	height: 642px;
	border-radius: 8px;
	overflow: hidden;
	display: none;
}
.m31 .section4 .feature .conwrap .imgwrap img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: all 0.3s;
}
.m31 .section4 .feature .conwrap .imgwrap img.on{
	opacity: 1;
}
.m31 .section4 .feature .conwrap .txtwrap{
	width: 100%;
}
.m31 .section4 .feature .conwrap .txtwrap dl{
	padding: 25px 0;
	border-bottom: 1px solid #ccc;
	display: flex;
	flex-direction: column;
}
.m31 .section4 .feature .conwrap .txtwrap dl dt{
	width:100%;
}
.m31 .section4 .feature .conwrap .txtwrap dl dt .img img{
	border-radius: 8px;
}
.m31 .section4 .feature .conwrap .txtwrap dl dt .icon{
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: #0078ef;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.4s;
	margin-top: 20px;
}
.m31 .section4 .feature .conwrap .txtwrap dl dt .icon img{
	width: 25px;
}
.m31 .section4 .feature .conwrap .txtwrap dl dd{
	margin-top: 10px;
	width: 100%;
}
.m31 .section4 .feature .conwrap .txtwrap dl dd b{
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	color: #000;
}
.m31 .section4 .feature .conwrap .txtwrap dl dd ul{
	margin-top: 15px;
}
.m31 .section4 .feature .conwrap .txtwrap dl dd li{
	position: relative;
	padding-left: 14px;
	font-size: 16px;
	line-height: 1.7em;
	color: #000;
}
.m31 .section4 .feature .conwrap .txtwrap dl dd li:after{
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 9px;
	height: 9px;
	border: 2px solid #0981f1;
	border-radius: 50%;
	box-sizing: border-box;
}

.m31 .section4 .type{
	margin-bottom: 180px;
}
.m31 .section4 .type .conwrap{
	display: flex;
	flex-direction: column;
	row-gap: 30px;
}
.m31 .section4 .type .conwrap > div{
	width: 100%;
}
.m31 .section4 .type .conwrap > div .thumb{
	width: 100%;
	height: 300px;
	padding: 20px;
	border-radius: 8px;
	border: 1px solid #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m31 .section4 .type .conwrap > div .thumb img{
	max-height: 100%;
}
.m31 .section4 .type .conwrap > div .name{
	margin-top: 10px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #000;
}
.m31 .section4 .history{}
.m31 .section4 .history .conwrap{
	display: flex;
	flex-direction: column;
}
.m31 .section4 .history .conwrap .photowrap{
	width: 100%;
	margin-top: 80px;
}
.m31 .section4 .history .conwrap .photowrap > div{
	width: 100%;
}
.m31 .section4 .history .conwrap .photowrap > div + div{
	margin-top: 80px;
}
.m31 .section4 .history .conwrap .photowrap > div .thumb{
	width: 100%;
	height: 320px;
	padding: 30px;
	border-radius: 8px;
	background: #f4f4f4;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m31 .section4 .history .conwrap .photowrap > div .name{
	margin-top: 30px;
	text-align: center;
	font-size: 26px;
	font-weight: 600;
	color: #000;
}
.m31 .section4 .history .conwrap .historywrap{
	position: relative;
	width: 100%;
	padding: 80px 0 80px 30px;
	margin-top: 70px;
}
.m31 .section4 .history .conwrap .historywrap .line{
	position: absolute;
	left: 5.5px;
	top: 0;
	width: 1px;
	height: 100%;
	background: #ccc;
}
.m31 .section4 .history .conwrap .historywrap .line:before{
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 11px;
	height: 1px;
	background: #ccc;
}
.m31 .section4 .history .conwrap .historywrap .line:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 11px;
	height: 1px;
	background: #ccc;
}
.m31 .section4 .history .conwrap .historywrap .yearwrap{
	display: flex;
	flex-direction: column;
}
.m31 .section4 .history .conwrap .historywrap .yearwrap + .yearwrap{
	margin-top: 40px;
}
.m31 .section4 .history .conwrap .historywrap .yearwrap .year{
	position: relative;
	font-family: "Poppins";
	font-size: 26px;
	font-weight: 500;
	color: #000;
	width: 100%;
}
.m31 .section4 .history .conwrap .historywrap .yearwrap .year:after{
	content: "";
	position: absolute;
	left: -29px;
	top: 15px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #0981f1;
}
.m31 .section4 .history .conwrap .historywrap .yearwrap .year:before{
	content: "";
	position: absolute;
	left: -35px;
	top: 9px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgba(9,129,241,0.2);
}
.m31 .section4 .history .conwrap .historywrap .yearwrap .list{
	width: 100%;
	margin-top: 8px;
}
.m31 .section4 .history .conwrap .historywrap .yearwrap .list dl{
	display: flex;
}
.m31 .section4 .history .conwrap .historywrap .yearwrap .list dl dt{
	font-family: "Poppins";
	font-size: 15px;
	font-weight: 500;
	color: #000;
	width: 40px;
}
.m31 .section4 .history .conwrap .historywrap .yearwrap .list dl dd{
	width: calc(100% - 40px);
	font-size: 15px;
	line-height: 2em;
	color: #000;
}


.m40{}
.m40 .section1 .slg {
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 70px 0;
	border-radius: 8px;
	margin-bottom: 40px;
}
.m40 .section1 .slg .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m41 .section1 .slg .bg{background: url(/images/page/m41_sec1_slg_bg.jpg) no-repeat center / cover;}
.m42 .section1 .slg .bg{background: url(/images/page/m42_sec1_slg_bg.jpg) no-repeat center / cover;}
.m43 .section1 .slg .bg{background: url(/images/page/m43_sec1_slg_bg.jpg) no-repeat center / cover;}
.m40 .section1 .slg .txts{
	position: relative;
	width: 92%;
	text-align: center;
}
.m40 .section1 .slg .txts b{
	font-family: "Poppins";
	display: inline-block;
	font-size: 32px;
	font-weight: 500;
	color: #fff;
}
.m40 .section1 .slg .txts p{
	font-size: 16px;
	line-height: 1.5em;
	color: rgba(255,255,255,0.8);
	margin-top: 30px;
}

.m40 .section .sec_tit{
	margin-bottom: 40px; 
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
}
.m40 .section .sec_tit h4{
	font-family: "Poppins";
	font-size: 35px;
	font-weight: 500;
	color: #000;
}
.m40 .section .sec_tit p{
	font-size: 20px;
	font-weight: 600;
	color: #000;
	margin-top: 10px;
}

.m43 .section1{padding: 0 0 100px;}
.m43 .section .img_con{
	display: flex;
	flex-direction: column-reverse;
}
.m43 .section2 .img_con{
	flex-direction: column
}

.m43 .section .img_con .imgwrap{
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
}
.m43 .section .img_con .imgwrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m43 .section .img_con .txtwrap{
	width: 100%;
	margin-top: 30px;
}
.m43 .section .img_con .txtwrap .tit{
	font-size: 20px;
	line-height: 1.5em;
	font-weight: 600;
	color: #000;
}
.m43 .section .img_con .txtwrap > p{
	font-size: 16px;
	line-height: 1.6em;
	color: #666;
	margin-top: 20px;
}

.m43 .section2{padding: 100px 0;}
.m43 .section2 .img_con .txtwrap{
	padding: 0 6% 0 0 ;
}

.m40 .down_box{
	width: 100%;
	padding: 30px 20px;
	border-radius: 8px;
	border: 1px solid #ccc;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.m40 .down_box p{
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	color: #000;
	margin-right: 10px;
	margin-bottom: 15px;
}
.down_btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 15px 25px;
	border-radius: 100px;
	background: #353535;
}
.down_btn span{
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	margin-right: 10px;
}

.m43 .section2 .down_box{
	margin-top: 60px;
}

.m43 .section3{
	padding: 100px 0;
}

.m40 .section .conwrap{
	padding: 50px 0;
	border-bottom: 1px solid #ccc;
	display: flex;
	flex-direction: column;
}
.m40 .section .conwrap.first{
	padding-top: 0;
}
.m40 .section .conwrap:last-child{
	padding-bottom: 0;
	border-bottom: none;
}
.m40 .section .conwrap .con_tit{
	font-family: "Poppins";
	width: 100%;
	font-size: 25px;
	font-weight: 500;
	color: #000;
	margin-bottom: 30px;
}
.m40 .section .conwrap .con_tit p{
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.7em;
	color: #666;
}
.m40 .section .conwrap .con{
	width: 100%;
}



.m41 .section1{
	padding: 0 0 100px;
}
.m41 .section1 .con > b{
	display: inline-block;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.6em;
	color: #000;
}
.m41 .section1 .con > p{
	display: inline-block;
	font-size: 16px;
	line-height: 1.6em;
	color: #666;
	margin-top: 20px;
}
.m41 .section1 .con .boxwrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 50px;
	margin-bottom: 30px;
}
.m41 .section1 .con .boxwrap .box{
	width: 100%;
	padding: 30px 20px;
	border-radius: 8px;
	background: #222a2c;
}
.m41 .section1 .con .boxwrap .box .titwrap{
	display: flex;
	align-items: center;
}
.m41 .section1 .con .boxwrap .box .titwrap .icon{
	width: 40px;
}
.m41 .section1 .con .boxwrap .box .titwrap p{
	margin-left: 10px;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	width: calc(100% - 40px - 10px);
}
.m41 .section1 .con .boxwrap .box .txt{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
	font-size: 16px;
	line-height: 1.6em;
	color: rgba(255,255,255,0.8);
}
.m41 .section2{
	padding: 100px 0;
}

.m41 .section3{
	padding: 100px 0;
}
.m41 .section3 .con > b{
	display: inline-block;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.6em;
	color: #000;
}
.m41 .section3 .con > p{
	display: inline-block;
	font-size: 16px;
	line-height: 1.6em;
	color: #666;
	margin-top: 20px;
}
.m41 .section3 .diawrap {
	width: 100%;
	padding: 30px;
	margin-top: 50px;
	border: 1px solid #ccc;
	display: flex;
	flex-direction: column;
}
.m41 .section3 .diawrap .steps{
	width: 100%;
	flex-shrink: 0;
	margin-top: 60px;
}
.m41 .section3 .diawrap .steps dl{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 13px;
	border-bottom: 1px solid #ccc
}
.m41 .section3 .diawrap .steps dl + dl{
	margin-top: 60px;
}
.m41 .section3 .diawrap .steps dl:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 80px;
	height: 2px;
}
.m41 .section3 .diawrap .steps dl:nth-child(1):after{background: #595959;}
.m41 .section3 .diawrap .steps dl:nth-child(2):after{background: #3a9af4;}
.m41 .section3 .diawrap .steps dl:nth-child(3):after{background: #0060eb;}
.m41 .section3 .diawrap .steps dl dt{
	display: inline-block;
	width: 80px;
	height: 33px;
	line-height: 33px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}
.m41 .section3 .diawrap .steps dl:nth-child(1) dt{background: #595959;}
.m41 .section3 .diawrap .steps dl:nth-child(2) dt{background: #3a9af4;}
.m41 .section3 .diawrap .steps dl:nth-child(3) dt{background: #0060eb;}
.m41 .section3 .diawrap .steps dl dd{
	font-size: 20px;
	font-weight: 500;
	color: #000;
}
.m41 .section3 .diawrap .steps dl:nth-child(3) dd{
	font-weight: 600;
	color: #0060eb;
}





.m42 .section1{
	padding: 0 0 200px;
}
.m42 .section1 .con.rule{}
.m42 .section1 .con.rule .rule_list{}
.m42 .section1 .con.rule .rule_list .list + .list{
	margin-top: 40px;
}
.m42 .section1 .con.rule .rule_list .list{}
.m42 .section1 .con.rule .rule_list .list .imgwrap{
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
}
.m42 .section1 .con.rule .rule_list .list .imgwrap img{
	width: 100%;
}
.m42 .section1 .con.rule .rule_list .list .boxwrap{
	width: 100%;
	margin-top: 20px;
}
.m42 .section1 .con.rule .rule_list .list .boxwrap .titwrap{
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	display: flex;
	align-items: center;
}
.m42 .section1 .con.rule .rule_list .list .boxwrap .titwrap .icon{
	width: 40px;
}
.m42 .section1 .con.rule .rule_list .list .boxwrap .titwrap p{
	width: calc(100% - 40px);
	padding-left: 10px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5em;
	color: #000;
}
.m42 .section1 .con.rule .rule_list .list .boxwrap ul{
	margin-top: 20px;
}
.m42 .section1 .con.rule .rule_list .list .boxwrap li{
	position: relative;
	padding-left: 14px;
	font-size: 16px;
	line-height: 1.7em;
	color: #000;
}
.m42 .section1 .con.rule .rule_list .list .boxwrap li + li{
	margin-top: 5px;
}
.m42 .section1 .con.rule .rule_list .list .boxwrap li:after{
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 5px;
	height: 5px;
	border: 2px solid #0981f1;
	border-radius: 50%;
	box-sizing: unset;
}



.m40 .section .con .ul_boxwrap{
	margin-top: 30px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.m40 .section .con .ul_boxwrap .box{
	width: 100%;
	padding: 30px 20px;
	border-radius: 8px;
}
.m42 .section1 .con.rule .ul_boxwrap .box{
	background: #f5f5f7;
}
.m40 .section .con .ul_boxwrap .box .titwrap{
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	display: flex;
	align-items: center;
}
.m40 .section .con .ul_boxwrap .box .titwrap .icon{
	width: 40px;
}
.m40 .section .con .ul_boxwrap .box .titwrap p{
	width: calc(100% - 40px);
	padding-left: 10px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5em;
	color: #000;
}
.m40 .section .con .ul_boxwrap .box ul{
	margin-top: 20px;
}
.m40 .section .con .ul_boxwrap .box li{
	position: relative;
	padding-left: 14px;
	font-size: 16px;
	line-height: 1.7em;
	color: #000;
}
.m40 .section .con .ul_boxwrap .box li + li{
	margin-top: 5px;
}
.m40 .section .con .ul_boxwrap .box li:after{
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 5px;
	height: 5px;
	border: 2px solid #0981f1;
	border-radius: 50%;
	box-sizing: unset;
}


.m41 .section2 .con .boxwrap_tit{
	width: 100%;
	padding: 20px 20px;
	background: url(/images/page/m41_sec2_tit_logo.png) no-repeat center #0981f1;
	border-radius: 8px;
	overflow: hidden;
	font-size: 18px;
	line-height: 1.4em;
	color: #fff;
	text-align: center;
}
.m41 .section2 .con .boxwrap_tit b{
	font-weight: 600;
}
.m41 .section2 .con .ul_boxwrap{
	row-gap: 60px;
}
.m41 .section2 .con .ul_boxwrap .boxwrap{
	width: 100%;
}
.m41 .section2 .con .ul_boxwrap .boxwrap .imgwrap{
	position: relative;
	width: 100%;
	height: 200px;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 20px;
}
.m41 .section2 .con .ul_boxwrap .boxwrap .imgwrap > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m41 .section2 .con .ul_boxwrap .boxwrap .imgwrap .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 40px;
}
.m41 .section2 .con .ul_boxwrap .boxwrap .box{
	width: 100%;
	background: #fff;
}
.m41 .section2 .con .ul_boxwrap .boxwrap .box .titwrap p{
	width: 100%;
	padding-left:0;
}






.m42 .section1 .con.scheme{}
.m42 .section1 .con.scheme .diawrap{
	width: 100%;
	padding: 20px;
	border: 1px solid #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m42 .section1 .con.scheme .down_box {
	margin-top: 30px;
}


.m42 .section2{
	padding: 100px 0;
}
.m42 .section2 .con.social{}
.m42 .section2 .con.social .boxwrap{
	display: flex;
	flex-wrap: wrap;
	row-gap: 20px;
}
.m42 .section2 .con.social .boxwrap .box{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.m42 .section2 .con.social .boxwrap .box .thumb{
	width: 100%;
	height: 240px;
	border-radius: 8px;
	overflow: hidden;
}
.m42 .section2 .con.social .boxwrap .box .thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m42 .section2 .con.social .boxwrap .box .txtwrap{
	margin-top: 20px;
	padding: 30px 20px;
	border-radius: 8px;
	background: #fff;
}
.m42 .section2 .con.social .boxwrap .box .txtwrap .titwrap{
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
}
.m42 .section2 .con.social .boxwrap .box .txtwrap .titwrap .cate{
	display: inline-block;
	padding: 2px 13px;
	border-radius: 50px;
	font-family: "Poppins";
	font-size: 17px;
	font-weight: 500;
	color: #fff;
}
.m42 .section2 .con.social .boxwrap .box.box1 .txtwrap .titwrap .cate{background: #0981f1;}
.m42 .section2 .con.social .boxwrap .box.box2 .txtwrap .titwrap .cate{background: #015b99;}
.m42 .section2 .con.social .boxwrap .box.box3 .txtwrap .titwrap .cate{background: #3a9af4;}
.m42 .section2 .con.social .boxwrap .box .txtwrap .titwrap p{
	font-family: "Poppins";
	font-size: 26px;
	font-weight: 500;
	color: #000;
	margin-top: 10px;
}
.m42 .section2 .con.social .boxwrap .box .txtwrap .titwrap p span{
	font-weight: 500;
}
.m42 .section2 .con.social .boxwrap .box .txtwrap ul{margin-top: 20px}
.m42 .section2 .con.social .boxwrap .box .txtwrap li{
	display: flex;
	align-items: baseline;
}
.m42 .section2 .con.social .boxwrap .box .txtwrap li + li{
	margin-top: 10px;
}
.m42 .section2 .con.social .boxwrap .box .txtwrap li span{
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 50%;
	background: #000;
	text-align: center;
	font-family: "Poppins";
	font-size: 11px;
	font-weight: 500;
	color: #fff;
}
.m42 .section2 .con.social .boxwrap .box .txtwrap li p{
	width: calc(100% - 24px - 10px);
	margin-left: 10px;
	font-size: 16px;
	line-height: 1.7em;
}

.m42 .section3{
	padding: 100px 0;
}
.m42 .section3 .conwrap{
	border-bottom: none;
}
.m42 .section3 .con{
	position: relative;
}
.m42 .section3 .con:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	height: 1px;
	background: #ccc;
}
.m42 .section3 .conwrap:last-child .con:after{
	display: none;
}
.m42 .section3 .con.policy .boxwrap{
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.m42 .section3 .con.policy .boxwrap .box{
	position: relative;
	width: 100%;
	height: 300px;
	padding: 40px 20px;
	overflow: hidden;
}
.m42 .section3 .con.policy .boxwrap .box .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m42 .section3 .con.policy .boxwrap .box1 .bg{background: url(/images/page/m42_sec3_policy_bg1.jpg) no-repeat center / cover;}
.m42 .section3 .con.policy .boxwrap .box2 .bg{background: url(/images/page/m42_sec3_policy_bg2.jpg) no-repeat center / cover;}
.m42 .section3 .con.policy .boxwrap .box3 .bg{background: url(/images/page/m42_sec3_policy_bg3.jpg) no-repeat center / cover;}
.m42 .section3 .con.policy .boxwrap .box .txts{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m42 .section3 .con.policy .boxwrap .box .txts .tit{
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}
.m42 .section3 .con.policy .boxwrap .box .txts ul li{
	position: relative;
	padding-left: 17px;
	font-size: 16px;
	line-height: 1.7em;
	color: #fff;
}
.m42 .section3 .con.policy .boxwrap .box .txts ul li:after{
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	border: 2px solid rgba(255,255,255,0.8);
	box-sizing: border-box;
}

.m42 .section3 .con.esg{}
.m42 .section3 .con.esg .boxwrap{
	display: flex;
	flex-direction: column;
}
.m42 .section3 .con.esg .boxwrap + .boxwrap{
	margin-top: 80px;
}
.m42 .section3 .con.esg .boxwrap .txtwrap{
	width: 100%;
}
.m42 .section3 .con.esg .boxwrap .txtwrap .tit{
	position: relative;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
}
.m42 .section3 .con.esg .boxwrap .txtwrap .tit:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #ccc;
}
.m42 .section3 .con.esg .boxwrap .txtwrap p{
	font-size: 16px;
	line-height: 1.6em;
	color: #444;
}
.m42 .section3 .con.esg .boxwrap .imgwrap{
	width: 100%;
	margin-top: 20px;
}
.m42 .section3 .con.esg .boxwrap .imgwrap .img{
	width: 100%;
	height: 200px;
	border-radius: 8px;
	overflow: hidden;
}
.m42 .section3 .con.esg .boxwrap .imgwrap .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m42 .section3 .con.esg .boxwrap .imgwrap .down_box{
	margin-top: 30px;
}

.m42 .section3 .con.process{}
.m42 .section3 .con.process .boxwrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	row-gap: 20px;
}
.m42 .section3 .con.process .boxwrap .box{
	width: 100%;
	padding: 15px;
	border-radius: 8px;
	border: 1px solid #ccc;
}
.m42 .section3 .con.process .boxwrap .box .step{
	width: 100%;
	height: 100px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.m42 .section3 .con.process .boxwrap .box1 .step{background: #80c8ff;}
.m42 .section3 .con.process .boxwrap .box2 .step{background: #3a9af4;}
.m42 .section3 .con.process .boxwrap .box3 .step{background: #0981f1;}
.m42 .section3 .con.process .boxwrap .box4 .step{background: #015b99;}
.m42 .section3 .con.process .boxwrap .box .step span{
	font-family: "Poppins";
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 10px;
}
.m42 .section3 .con.process .boxwrap .box .titwrap{
	text-align: center;
	padding: 20px 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.6em;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.m42 .section3 .con.process .boxwrap .box ul{
	display: flex;
	flex-direction: column;
	align-items: center;
	border-top: 1px solid #ccc; 
	padding-top: 20px;
}
.m42 .section3 .con.process .boxwrap .box li{
	position: relative;
	padding-left: 14px;
	font-size: 16px;
	line-height: 1.8em;
	text-align: center;
}
.m42 .section3 .con.process .boxwrap .box li:before{
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	border: 2px solid #0981f1;
	box-sizing: border-box;
}

.m42 .section4{
	position: relative;
	width: 100%;
	height: 350px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.m42 .section4 .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m42_sec4_bg.jpg) no-repeat center / cover;
}
.m42 .section4 .txtwrap{
	position: relative;
	width: 92%;
	max-width: 1400px;
	margin: 0 auto;
}
.m42 .section4 .txtwrap .tit{
	font-family: "Poppins";
	font-size: 26px;
	font-weight: 500;
	color: #fff;
}
.m42 .section4 .txtwrap p{
	font-size: 16px;
	line-height: 1.7em;
	color: #fff;
	margin: 20px 0 35px;
}
.m42 .section4 .txtwrap a{
	padding: 12px 24px;
	background: #353535;
	border-radius: 40px;
	color: #fff;
}



.m43 .section3 .con.case .casewrap{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.m43 .section3 .con.case .casewrap .box{
	position: relative;
	width: 100%;
	height: 200px;
	border-radius: 8px;
	overflow: hidden;
}
.m43 .section3 .con.case .casewrap .box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m43 .section3 .con.case .casewrap .box .txt{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 92%;
}
.m43 .section3 .con.case .casewrap .box .txt p{
	font-size: 20px;
	line-height: 1.5em;
	color: #fff;
	font-weight: 600;
	text-align: center;
}
.m43 .section3 .con.case .etc{
	width: 100%;
	padding: 20px;
	text-align: center;
	border-radius: 8px;
	background: #f5f5f7;
	margin-top: 30px;
	font-size: 16px;
}
.m43 .section3 .con.case .etc img{
	margin: 0 10px 3px 0;
}

.m43 .section3 .con.report .box{
	width: 100%;
	padding: 30px 20px;
	border-radius: 8px;
	background: #f5f5f7;
}
.m43 .section3 .con.report .box ul{
	border-top: 1px solid #000;
}
.m43 .section3 .con.report .box li{
	width: 100%;
	padding: 25px 0;
	border-bottom: 1px solid #ccc;
}
.m43 .section3 .con.report .box li p{
	position: relative;
	padding-left: 30px;
	font-size: 16px;
	line-height: 1.6em;
}
.m43 .section3 .con.report .box li p:after{
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 15px;
	height: 14px;
	background: url(/images/page/m43_sec3_chk_icon.png) no-repeat center / contain;
}
.m43 .section3 .con.report .down_box{
	margin-top: 30px;
}

.report_pop {
	position: fixed;
	display: none;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 980px;
	width: 92%;
	margin: 0 auto;
	z-index: 10000;
	background: #fff;
}
.report_pop .btn_x {
	position: absolute;
	right: 0;
	bottom: calc(100% + 10px);
	width: 20px;
	height: 20px;
	background: url(/images/common/btn_x.png) no-repeat center / contain;
}
.report_pop .conwrap{
	padding: 40px 20px;
}
.report_pop .conwrap .inner {
	height: 65vh;
	overflow-y: auto;
}
.report_pop .conwrap .inner .titwrap{
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: 1px solid #000;
}
.report_pop .conwrap .inner .titwrap.tit2{
	margin-top: 80px;
	padding-bottom: 40px;
}
.report_pop .conwrap .inner .titwrap .tit{
	font-size: 26px;
	font-weight: 600;
}
.report_pop .conwrap .inner .titwrap .est{
	text-align: right;
	font-size: 14px;
}
.report_pop .conwrap .inner .inquirywrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.report_pop .conwrap .inner .inquirywrap dl{margin-bottom: 30px;}
.report_pop .conwrap .inner .inquirywrap dl.w50{
	width: 100%;
}
.report_pop .conwrap .inner .inquirywrap dl.w100{
	width: 100%;
}
.report_pop .conwrap .inner .inquirywrap dl dt{
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 20px;
}
.report_pop .conwrap .inner .inquirywrap dl dt .est{
	color: #0060eb;
}
.report_pop .conwrap .inner .inquirywrap dl dd select {
	width: 100%;
	border: 1px solid #ccc;
	height: 50px;
	padding: 0 20px;
	box-sizing: border-box;
	border-radius: 8px;
	font-size: 15px;
	appearance: none;
	background: url(/images/page/m43_select_arr.png) no-repeat right 20px center;
}

.report_pop .conwrap .inner .inquirywrap dl dd input[type="text"]{
	font-size: 15px;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 8px;
	height: 50px;
	padding: 0 20px;
	box-sizing: border-box;
}
.report_pop .conwrap .inner .inquirywrap dl dd input[type="email"]{
	font-size: 15px;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 8px;
	height: 50px;
	padding: 0 20px;
	box-sizing: border-box;
}
.report_pop .conwrap .inner .inquirywrap dl dd ul{
	display: flex;
}
.dim {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 1001;
}
.report_pop .conwrap .inner .inquirywrap dl dd li + li{
	margin-left: 8px;
}
.report_pop .conwrap .inner input[type="radio"]{
	opacity: 0;
	width: 0.0001px;
	height: 0.0001px;
}
.report_pop .conwrap .inner input[type="radio"] + label{
	position: relative;
	padding-left: 25px;
	font-size: 15px;
	color: rgba(0,0,0,0.6);
}
.report_pop .conwrap .inner input[type="radio"]:checked + label{
	color: rgba(0,0,0,1);
}
.report_pop .conwrap .inner input[type="radio"] + label:before{
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
}
.report_pop .conwrap .inner input[type="radio"]:checked + label:before{
	border: none;
	background: url(/images/page/m43_chk_icon.png) no-repeat center / contain;
}

.report_pop .conwrap .inner .inquirywrap p.info{
	font-size: 16px;
	color: #666;
	margin-bottom: 30px;
}
.report_pop .conwrap .inner .inquirywrap dl dd textarea{
	font-size: 18px;
	width: 100%;
	height: 250px;
	resize: none;
	border: 1px solid #ccc;
	border-radius: 8px;
	overflow-y: auto;
	padding: 20px;
	box-sizing: border-box;
}
.report_pop .conwrap .inner .inquirywrap dl.exp p{
	font-size: 14px;
	color: rgba(0,0,0,.6);
	margin-top: 10px;
}

.report_pop .conwrap .inner .agreewrap{
	padding-top: 40px;
	padding-bottom: 60px;
	margin-top: 40px;
	border-top: 1px solid #ccc;
}
.report_pop .conwrap .inner .agreewrap .top{
	display: flex;
	flex-direction: column;
}
.report_pop .conwrap .inner .agreewrap .top .txts b{
	font-size: 15px;
	font-weight: 600;
}
.report_pop .conwrap .inner .agreewrap .top .txts p{
	font-size: 14px;
	color: rgba(0,0,0,0.6);
	margin-top: 10px;
}
.report_pop .conwrap .inner .agreewrap .top a {
	display: inline-block;
	width: 120px;
	height: 34px;
	line-height: 34px;
	border-radius: 19px;
	text-align: center;
	background: #2c2c2c;
	font-size: 13px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.8);
	margin-top: 20px;
}
.report_pop .conwrap .inner .agreewrap .boxwrap{
	width: 100%;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 8px;
	margin: 15px 0;
}
.report_pop .conwrap .inner .agreewrap .boxwrap dl{
	display: flex;
	margin-bottom: 5px;
}
.report_pop .conwrap .inner .agreewrap .boxwrap dl dt{
	position: relative;
	width: 90px;
	font-size: 15px;
}
.report_pop .conwrap .inner .agreewrap .boxwrap dl dt:after{
	content: "";
	position: absolute;
	right: 0;
	top: 5px;
	width: 1px;
	height: 10px;
	background: rgba(0,0,0,0.2);
}
.report_pop .conwrap .inner .agreewrap .boxwrap dl dd{
	width: calc(100% - 90px);
	padding-left: 9px;
	font-size: 15px;
	color: #666;
}
.report_pop .conwrap .inner .agreewrap .select{
	display: flex;
}
.report_pop .conwrap .inner .agreewrap .select li + li{
	margin-left: 8px;
}

.report_pop .conwrap .inner .btnwrap{
	padding-top: 60px;
	border-top: 1px solid #ccc;
	text-align: center;
}





.m51{}
.m51 .section1{
	padding: 0 0 100px;
}
.m51 .section1 .page_p{
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 80px;
	margin-top: -65px;
}
.m51 .section1 .con_wrap + .con_wrap{
	margin-top: 80px;
}
.m51 .section1 .con{margin-top: 80px;}
.m51 .section1 .con .con_tit{
	display: flex;
	flex-direction: column;
	margin-bottom: 50px;
}
.m51 .section1 .con .con_tit h3{
	font-family: "Poppins";
	font-size: 26px;
	font-weight: 500;
	color: #000;
}
.m51 .section1 .con .con_tit h3.en{
	font-family: "Poppins";
	font-weight: 500;
	font-size: 46px;
}
.m51 .section1 .con .con_tit h3.en span{
	font-size: 17px;
}
.m51 .section1 .con .con_tit .unit{
	margin-top: 10px;
	font-size: 14px;
	color: #999;
}
.m51 .section1 .con .table{
	width: 100%;
}
.m51 .section1 .con .table .price_table{
	width: 100%;
	border-top: 2px solid #000;
}
.m51 .section1 .con .table .price_table th{
	padding: 20px 0;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	background: #f8f8f8;
}
.m51 .section1 .con .table .price_table td{
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	font-size: 15px;
}
.m51 .section1 .con .table .price_table td.bl{
	background: #f2f8fe;
	font-weight: 500;
}
.m51 .section1 .con .table .price_table td.num{
	font-family: "Poppins";
}



.m51 .section1 .con .today .table1 {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 50px;
	border-top: 2px solid #000;
	border-bottom: 1px solid #ddd;
}

.m51 .section1 .con .today .table1 table {
	width: 100%;
	padding: 10px 0;
}

.m51 .section1 .con .today .table1 table:first-child {
	border-bottom: 1px solid #ddd;
}

.m51 .section1 .con .today .table1 table th {
	position: relative;
	padding: 10px 0;
	font-size: 15px;
	font-weight: 400;
}

.m51 .section1 .con .today .table1 table td {
	font-family: "Poppins";
	position: relative;
	padding: 10px 0;
	text-align: center;
	font-size: 15px;
}

.m51 .section1 .con .today .table1 table td dl {
	display: flex;
	justify-content: space-between;
}

.m51 .section1 .con .today .table1 table td dl dt {
	font-size: 15px;
	font-weight: 400;
}

.m51 .section1 .con .today .table1 table td dl dd {
	font-family: "Poppins";
	font-size: 15px;
}

.m51 .section1 .con .today .table1 table td dl dd span.up {
	color: #c9000a;
}

.m51 .section1 .con .today .table1 table td dl dd span.down {
	color: #1575bb;
}

.m51 .section1 .con .today .table1 table .bd {
	border-bottom: 1px solid #ddd;
}

.m51 .section1 .con .today .table1 table .bd_spacing:after {
	display: block;
	content: "";
	width: calc(100% - 20px);
	height: 1px;
	background: #ddd;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

.m51 .section1 .con .today .table1 table .up {
	color: #c9000a !important;
}

.m51 .section1 .con .today .table1 table .down {
	color: #1575bb !important;
}

.m51 .section1 .con .today .table1 table .today_price {
	font-family: "Poppins";
	font-size: 28px;
	font-weight: 600;
	text-align: center;
}

.m51 .section1 .con .today .table1 table .today_price span {
	font-size: 15px;
	vertical-align: middle;
}

.m51 .section1 .con .today .table1 table .today_price span.up {
	color: #c9000a;
}

.m51 .section1 .con .today .table1 table .today_price span.down {
	color: #1575bb;
}

.m51 .section1 .con .today .table1 table .tit {
	border-bottom: 1px solid #ddd;
}

.m51 .section1 .con .today .table2 {
	width: 100%;
	padding-bottom: 20px;
	overflow: hidden;
	overflow-x: auto;
}

.m51 .section1 .con .today .table2 table {
	width: 100%;
	min-width: 500px;
	border-top: 1px solid #ddd;
	border-collapse: collapse;
}

.m51 .section1 .con .today .table2 table th {
	width: 25%;
	font-size: 15px;
	font-weight: 400;
	padding: 10px;
	background: #f8f8f8;
	border-bottom: 1px solid #ddd;
	color: #666;
	text-align: left;
	box-sizing: border-box;
}

.m51 .section1 .con .today .table2 table td {
	width: 25%;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	font-family: "Poppins";
	color: #222;
	text-align: right;
	font-size: 15px;
}


.m51 .section1 .con .day_table{
	width: 100%;
	padding-bottom: 20px;
	overflow: hidden;
	overflow-x: auto;
}
.m51 .section1 .con .day_table table{
	width: 100%;
	min-width: 700px;
	border-top: 2px solid #000;
}
.m51 .section1 .con .day_table table th{
	padding: 10px 0;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	background: #f8f8f8;
}
.m51 .section1 .con .day_table table td{
	font-family: "Poppins";
	text-align: center;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	font-size: 15px;
}
.m51 .section1 .con .day_table table td span.up{
	color: #c9000a;
}
.m51 .section1 .con .day_table table td span.down{
	color: #1575bb;
}
.m51 .section1 .con .day_table table td span .tri{
	font-size: 9px;
	vertical-align: middle;
}

.m51 .section1 .con .disclosure{
	width: 100%;
	padding-bottom: 20px;
	overflow-x: auto;
}
.m51 .section1 .con .disclosure table{
	min-width: 700px;
	border-top: 2px solid #000;
}
.m51 .section1 .con .disclosure table th{
	padding: 10px 0;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	background: #f8f8f8;
}
.m51 .section1 .con .disclosure table td{
	padding: 10px 0;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.m51 .section1 .con .disclosure table .tit{
	width: calc(100% - 200px);
}
.m51 .section1 .con .disclosure table .name{
	width: 100px;
}
.m51 .section1 .con .disclosure table .date{
	width: 100px;
}
.m51 .section1 .con .disclosure table td.tit{
	text-align: left;
	padding: 10px;
}
.m51 .section1 .con .disclosure table td.tit a{
	font-size: 15px;
}



.m53 .section1{padding: 0 0 120px;}
.m53 .section1 .disclosure{
	width: 100%;
}
.m53 .section1 .disclosure table{
	width: 100%;
	border-top: 2px solid #000;
}
.m53 .section1 .disclosure table tr{
	width: 100%;
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
}
.m53 .section1 .disclosure table tr:first-child{
	display: none;
}
.m53 .section1 .disclosure table th{
	padding: 20px 0;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	background: #f8f8f8;
}
.m53 .section1 .disclosure table td{
	font-size: 15px;
}
.m53 .section1 .disclosure table .tit{
	width: 100%;
}
.m53 .section1 .disclosure table .name{
	width: 100%;
	padding: 10px 0;
}
.m53 .section1 .disclosure table .date{
	width: 100%;
}
.m53 .section1 .disclosure table td.tit{
}
.m53 .section1 .disclosure table td.tit a{
	font-size: 15px;
}





.m61{}
.m61 .section1{
	position:relative;
	margin: 0 0 100px;
	text-align: center;
}
.m61 .section1 .tit1{
	font-family: "Poppins";
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	display:flex;align-items:center;justify-content:center;
	width:220px;height:220px;
	background:url(/images/page/m61_sec1_title_bg.png) no-repeat center / contain;
	font-size:28px;color:#000;font-weight:500;text-align:center;
}
.m61 .section1 .con{
	display:flex;
	flex-direction: column;
	row-gap: 50px;
}
.m61 .section1 .con>div{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	width:100%;height:240px;
	border-radius:10px;
}
.m61 .section1 .con>div:nth-child(1){background:url(/images/page/m61_sec1_bg1.jpg) no-repeat;background-size:cover;}
.m61 .section1 .con>div:nth-child(2){background:url(/images/page/m61_sec1_bg2.jpg) no-repeat;background-size:cover;}
.m61 .section1 .con>div:nth-child(1) > div{transform: translateY(-28px);}
.m61 .section1 .con>div:nth-child(2) > div{transform: translateY(40px);}
.m61 .section1 .con>div .icon{
	margin-bottom:12px;
	width: 40px;
	display: inline-block;
}
.m61 .section1 .con>div .tit2{
	font-family: "Poppins";
	font-size:24px;color:#fff;font-weight:500;
	line-height: 1.2em;
}

.m61 .section2{
	padding: 100px 0;
	background: url(/images/page/m61_sec2_bg.jpg) no-repeat center / cover;
}
.m61 .section2 .boxwrap{
	display: flex;
	flex-wrap: wrap;
	row-gap: 20px;
}
.m61 .section2 .boxwrap .box{
	width: 100%;
	padding: 40px 20px;
	border-radius: 8px;
	background: #fff;
	text-align: center;
}
.m61 .section2 .boxwrap .box .img img{
	width: 100%;
}
.m61 .section2 .boxwrap .box .icon{
	margin-top: 20px;
	margin-bottom: 20px;
}
.m61 .section2 .boxwrap .box .icon img{
	width: 50px;
}
.m61 .section2 .boxwrap .box span{
	font-family: "Poppins";
	display: block;
	font-size: 18px;
	font-weight: 500;
	color: #0981f1;
}
.m61 .section2 .boxwrap .box b{
	font-family: "Poppins";
	display: block;
	font-size: 24px;
	font-weight: 500;
	color: #000;
	margin: 5px 0 25px;
}
.m61 .section2 .boxwrap .box p{
	position: relative;
	padding-top: 55px;
	font-size: 16px;
	line-height: 1.7em;
}
.m61 .section2 .boxwrap .box p:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 1px;
	height: 33px;
	background: rgba(0,0,0,0.2);
}


.m62{}
.m62 .section1{
	padding: 0 0 100px;
}
.m62 .section1 .slg{
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 400px;
}
.m62 .section1 .slg .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m62_sec1_slg_bg.jpg) no-repeat center / cover;
}
.m62 .section1 .slg .txt{
	font-family: "Poppins";
	position: relative;
	width: 92%;
	text-align: center;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.5em;
	color: #fff;
}
.m62 .section1 .conwrap{
	margin-top: 110px;
}
.m62 .section .conwrap .con_tit{
	font-family: "Poppins";
	font-size: 34px;
	font-weight: 500;
	color: #000;
	margin-bottom: 30px;
}
.m62 .section .conwrap .con_tit2{
	font-family: "Poppins";
	margin-bottom: 50px;
	font-size: 30px;
	font-weight: 500;
	color: #000;
}
.m62 .section1 .conwrap .box{
	width: 100%;
	/* height: 1000px; */
	padding: 40px 0;
	border-radius: 8px;
	border: 1px solid #ccc;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.m62 .section1 .conwrap .box .main_cc{
	position: relative;
	width: 200px;
	height: 200px;
}
.m62 .section1 .conwrap .box .main_cc .cc{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: #0981f1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.m62 .section1 .conwrap .box .main_cc .sub_cc1{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: url(/images/page/m62_sec1_maincc_cc1.png) no-repeat center / contain;
	z-index: -1;
}
.m62 .section1 .conwrap .box .main_cc .sub_cc2{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 700px;
	height: 700px;
	border-radius: 50%;
	background: url(/images/page/m62_sec1_maincc_cc1.png) no-repeat center / contain;
	z-index: -2;
}
.m62 .section1 .conwrap .box .main_cc .icon{
	width: 120px;
}
.m62 .section1 .conwrap .box .main_cc strong{
	font-family: "Poppins";
	display: inline-block;
	margin-top: 10px;
	font-size: 22px;
	font-weight: 500;
	color: #fff;
}
.m62 .section1 .conwrap .box .line{
	position: relative;
	margin: 20px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.m62 .section1 .conwrap .box .line .cc{
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #0981f1;
	border: 6px solid #c6e2fb;
	box-sizing: unset;
}
.m62 .section1 .conwrap .box .line .dotwrap{
	display: flex;
	flex-direction: column;
	margin-top: 25px;
	gap: 10px;
}
.m62 .section1 .conwrap .box .line .dotwrap .dot{
	display: block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #0981f1;
}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(n+10){
	display: none;
}
.m62 .section1 .conwrap .box .line:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 90px;
	transform: translate(-50%, 0);
	width: 198px;
	height: 64px;
	background: url(/images/page/m62_sec1_arr_m.png) no-repeat center / contain;
}

.m62 .section1 .conwrap .box .sub_cc{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: #222a2c;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.m62 .section1 .conwrap .box .sub_cc .icon{
	width: 30px;
}
.m62 .section1 .conwrap .box .sub_cc strong{
	font-family: "Poppins";
	display: inline-block;
	margin-top: 10px;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}

.m62 .section1 .conwrap .rule{
	margin-top: 80px;
}
.m62 .section1 .conwrap .rule .txtwrap{
	display: flex;
	flex-direction: column;
}
.m62 .section1 .conwrap .rule .txtwrap + .txtwrap{
	margin-top: 50px;
}
.m62 .section1 .conwrap .rule .txtwrap .tit{
	font-family: "Poppins";
	width: 100%;
	padding: 10px 0;
	background: #222a2c;
	border-radius: 8px;
	font-size: 22px;
	font-weight:500;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m62 .section1 .conwrap .rule .txtwrap .txts{
	width: 100%;
	margin-top: 20px;
	padding: 0 20px;
	background: #f5f5f7;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
}
.m62 .section1 .conwrap .rule .txtwrap .txts div{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
.m62 .section1 .conwrap .rule .txtwrap .txts div:last-child{
	border: none;
}
.m62 .section1 .conwrap .rule .txtwrap .txts.v3 div{width: 100%;}
.m62 .section1 .conwrap .rule .txtwrap .txts.v4 div{width: 100%;}
.m62 .section1 .conwrap .rule .txtwrap .txts div span{
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	line-height: 28px;
	background: #0981f1;
	text-align: center;
	font-family: "Poppins";
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 20px;
}
.m62 .section1 .conwrap .rule .txtwrap .txts div p{
	font-size: 16px;
	line-height: 1.6em;
	color: #000;
}
.m62 .section1 .conwrap .rule .txtwrap .txts div b{
	font-size: 20px;
	font-family: "Poppins";
	font-weight: 500;
	color: #000;
	margin-bottom: 20px;
}
.m62 .section1 .conwrap .rule .txtwrap .txts div ul li{
	position: relative;
	padding-left: 14px;
	font-size: 16px;
	line-height: 1.6em;
	text-align: left;
}
.m62 .section1 .conwrap .rule .txtwrap .txts div ul li:after{
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	border: 2px solid #0981f1;
	box-sizing: unset;
}

.m62 .section2{
	padding: 100px 0;
	background: #f5f5f7;
}
.m62 .section2 .conwrap .benefit{}
.m62 .section2 .conwrap .benefit .con + .con{
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #ccc;
}
.m62 .section2 .conwrap .benefit .con .slg{
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 250px;
	border-radius: 8px;
	margin-bottom: 40px;
}
.m62 .section2 .conwrap .benefit .con .slg .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m62 .section2 .conwrap .benefit .con1 .slg .bg{background: url(/images/page/m62_sec2_slg_bg1.jpg) no-repeat center / cover;}
.m62 .section2 .conwrap .benefit .con2 .slg .bg{background: url(/images/page/m62_sec2_slg_bg2.jpg) no-repeat center / cover;}
.m62 .section2 .conwrap .benefit .con3 .slg .bg{background: url(/images/page/m62_sec2_slg_bg3.jpg) no-repeat center / cover;}
.m62 .section2 .conwrap .benefit .con .slg .txt{
	font-family: "Poppins";
	position: relative;
	width: 92%;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	color: #fff;
}
.m62 .section2 .conwrap .benefit .con ul{
	display: flex;
	flex-wrap: wrap;
	row-gap: 20px;
}
.m62 .section2 .conwrap .benefit .con li{
	width:100%;
	padding: 30px 20px;
	border-radius: 8px;
	background: #fff;
	display: flex;
	align-items: center;
}
.m62 .section2 .conwrap .benefit .con li .icon{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #f5f5f7;
}
.m62 .section2 .conwrap .benefit .con li .icon img{
	width: 35px;
}
.m62 .section2 .conwrap .benefit .con li p{
	padding-left: 15px;
	width: calc(100% - 95px);
	font-size: 17px;
	line-height: 1.4em;
	font-weight: 600;
	color: #000;
}




.bbs{
	padding-bottom: 100px;
}
.bbs .file_down{
	margin-bottom: 30px;
	text-align: right;
}
.bbs .file_down a{
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	border-radius: 100px;
	background: #353535;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	text-align: left;
}
.bbs .file_down a img{
	margin: 0 0 0 10px;
}
.bbs ul{
	border-top: 2px solid #000;
}
.bbs li{
	width: 100%;
}
.bbs li a{
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 25px 0;
	border-bottom: 1px solid #ccc;
}
.bbs li a .num{
	width: 120px;
	font-family: "Poppins";
	font-size: 18px;
	color: #666;
	text-align: center;
	display: none;
}
.bbs li a .titwrap{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.bbs li a .titwrap .cate{
	position: relative;
	width: 90px;
	height: 32px;
	line-height: 32px;
	border-radius: 40px;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	margin-bottom: 10px;
}
.bbs li a .titwrap .cate.society{background: #3a9af4;}
.bbs li a .titwrap .cate.governance{background: #365398;}
.bbs li a .titwrap .cate.etc{background: #222a2c;}
.bbs li a .titwrap .cate.environment{background: #0078ef;}
.bbs li a .titwrap .cate.ir{background: #3a9af4;}
.bbs li a .titwrap .cate.media{background: #365398;}
.bbs li a .titwrap .tit{
	width: 100%;
}
.bbs li a.file .titwrap .tit{width: 100%;}
.bbs li a .titwrap .tit .g{display: inline-block;}
.bbs li a.file .titwrap .tit .g{padding-right: 20px; position: relative;}
.bbs li a .titwrap .tit .g p{
	overflow: hidden;
	font-size: 17px;
	font-weight: 700;
	color: #000;
	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 li a.file .titwrap .tit .g:after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 17px;
	height: 17px;
	background: url(/images/page/bbs_file_icon.png) no-repeat center / contain;
}
.bbs li a .info{
	width: 100%;
	margin-top: 15px;
	display: flex;
	align-items: center;
}
.bbs li a .info .date{
	position: relative;
	font-family: "Poppins";
	font-size: 14px;
	color: #666;
	text-align: center;
	padding-right: 10px;
	margin-right: 10px;
}
.bbs li a .info .date:after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 9px;
	background: #ccc;
}
.bbs li a .info .hit{
	font-family: "Poppins";
	font-size: 14px;
	color: #666;
	text-align: center;
}

/* paging */
.paging{
	margin-top:50px;
	text-align:center;
}
.paging a{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:30px;height:30px;
	font-family:"Poppins";color:#666;font-size:13px;line-height:30px;
}
.paging strong{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:30px;height:30px;
	border-radius:50%;
	background:#222a2c;
	font-family:"Poppins";color:#fff;font-size:13px;line-height:30px;font-weight:400;
}
.paging .page_begin{
	width:30px;height:30px;
	background:url(/images/common/page_begin.png) no-repeat center;
	border:0;
}
.paging .page_prev{
	width:30px;height:30px;
	background:url(/images/common/page_prev.png) no-repeat center;
	border:0;margin-right:5px;
}
.paging .page_next{
	width:30px;height:30px;
	background:url(/images/common/page_next.png) no-repeat center;
	border:0;margin-left:5px;
}
.paging .page_end{
	width:30px;height:30px;
	background:url(/images/common/page_end.png) no-repeat center;
	border:0;
}


.bbs_view{
	padding: 0 0 150px;
}
.bbs_view .titwrap{
	width: 100%;
	padding: 50px 0;
	border-top: 2px solid #000;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.bbs_view .titwrap .cate{
	display: inline-block;
	width: 90px;
	height: 32px;
	line-height: 32px;
	border-radius: 40px;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	color: #fff;
}
.bbs_view .titwrap .cate.society{background: #3a9af4;}
.bbs_view .titwrap .cate.governance{background: #365398;}
.bbs_view .titwrap .cate.etc{background: #222a2c;}
.bbs_view .titwrap .cate.environment{background: #0078ef;}
.bbs_view .titwrap .cate.ir{background: #3a9af4;}
.bbs_view .titwrap .cate.media{background: #365398;}
.bbs_view .titwrap .tit{
	font-size: 24px;
	font-weight: 700;
	color: #000;
	margin: 20px 0;
}
.bbs_view .titwrap .date{
	font-family: "Poppins";
	font-size: 16px;
	color: #666;
}
.bbs_view .filewrap{
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
}
.bbs_view .filewrap ul{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.bbs_view .filewrap li + li{
	margin-top: 5px;
}
.bbs_view .filewrap li a{
	font-family: "Poppins";
	font-size: 15px;
	color: #000;
}
.bbs_view .filewrap li a img{
	margin-right:5px;
	width: 14px;
}
.bbs_view .con{
	width: 100%;
	padding: 80px 0 150px;
	border-bottom: 1px solid #ccc;
}
.bbs_view .btnwrap{
	margin-top: 60px;
	text-align: center;
}
.bbs_view .btnwrap .btn{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 185px;
	height: 50px;
	border-radius: 50px;
	border: 1px solid #666;
}
.bbs_view .btnwrap .btn span{
	font-size: 15px;
	font-weight: 600;
	color: #000;
	margin-right: 10px;
}
.bbs_view .btnwrap .btn > div{
	width: 17px;
	margin-left: 10px;
}
.bbs_view .btnwrap .btn > div > div{
	width: 100%;
	height: 1px;
	background: #000;
}
.bbs_view .btnwrap .btn > div > div + div{
	margin-top: 3px;
}




.page_title.pn7{display: none;}
/* .sub_top .tabs{display: none;} */
.sub_top.pn7 .sub_title{
	padding:  120px 0 30px;
	border: none;
	border-bottom: 1px solid #ccc;
	align-items: center;
}
.sub_top.pn7 .sub_title .pageLocation li:last-child {
	display: none;
}
.privacyPage{padding: 0 0 120px;}
.privacyPage .conwrap{
	padding: 20px;
	border-radius: 8px;
	border: 1px solid #ccc;
}
.privacyPage .conwrap .top h3{
	font-size: 24px;
	font-weight: 600;
}

.privacyPage .conwrap .table{
	margin-top: 30px;
	width: 100%;
	padding-bottom: 20px;
	overflow-x: auto;
}
.privacyPage .conwrap .table table{
	border-collapse: collapse;
	width: 500px;
	border-top: 2px solid #000;
}
.privacyPage .conwrap .table table tr th{
	padding: 10px;
	background: #f8f8f8;
	border: 1px solid #ccc;
	font-size: 15px;
}
.privacyPage .conwrap .table table tr td{
	padding: 10px;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 15px;
}
.privacyPage .conwrap .table table tr th:first-child,
.privacyPage .conwrap .table table tr td:first-child{
	border-left: none;
}
.privacyPage .conwrap .table table tr th:last-child,
.privacyPage .conwrap .table table tr td:last-child{
	border-right: none;
}

.privacyPage .conwrap p{
	font-size: 15px;
	line-height: 1.6em;
	color: #666;
}
.privacyPage .conwrap p.sub{
	font-size: 13px;
}
.privacyPage .conwrap .top{
	margin-bottom: 70px;
	padding-bottom: 70px;
	border-bottom: 1px solid #ccc;
}
.privacyPage .conwrap .top p{
	margin-top: 40px;
}

.privacyPage .conwrap .con + .con{
	margin-top: 60px;
}
.privacyPage .conwrap .con .con_tit{
	margin-bottom: 30px;
}
.privacyPage .conwrap .con .con_tit .tit{
	font-size: 20px;
	font-weight: 600;
}
.privacyPage .conwrap .con .con_tit p{
	margin-top: 10px;
}

.privacyPage .conwrap .con .ul_p{}
.privacyPage .conwrap .con .ul_p li{
	position: relative;
	padding-left: 12px;
	font-size: 15px;
	line-height: 1.6em;
	color: #666;
}
.privacyPage .conwrap .con .ul_p li:after{
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #000;
}



/* 모션 */
@-webkit-keyframes showImg{
0%{ clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
animation-delay: 1s;
}
@-webkit-keyframes showImg2{
0% {clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
100% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
animation-delay: 1s;
}
@-webkit-keyframes opacityAni{
0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes scaleAni{
0%{opacity:0;transform:scale(0.8);}
100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes scaleAni2{
0%{opacity:0.5;transform:scale(1.3);}
100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes fadeUpAni{
0%{opacity:0; transform:translateY(50px);}
100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes fadeUpAni2{
0%{opacity:0; transform:translateY(30px);}
100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes fadeLeftAni{
0%{opacity:0; transform:translateX(-50px);}
100%{opacity:1;transform:translateX(0);}
}
@-webkit-keyframes fadeRightAni{
0%{opacity:0; transform:translateX(50px);}
100%{opacity:1;transform:translateX(0);}
}

.fadeUp{opacity: 0;}
.fadeUp2{opacity: 0;}
.fadeLeft{opacity: 0;}
.fadeRight{opacity: 0;}
.showImg{opacity: 0;}
.showImg2{opacity: 0;}
.showImg_2{opacity: 0;}

.showImg.in-view{animation-name: showImg;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.4s; opacity: 1;}
.showImg2.in-view{animation-name: showImg2;animation-timing-function: cubic-bezier(0.14, 0, 0.42, 1.01); animation-duration: 1.4s; opacity: 1;}



.showImg_2.in-view {animation-name: showImg2;animation-timing-function: cubic-bezier(.37,.38,.61,.61);animation-duration: 1.4s;opacity: 1 !important;}
.opacity.in-view{animation-name: opacityAni;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.4s;}
.fadeUp.in-view{animation-name: fadeUpAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.4s; opacity: 1;}
.fadeUp2.in-view{animation-name: fadeUpAni2; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.4s; opacity: 1;}
.fadeLeft.in-view{animation-name: fadeLeftAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.2s; opacity: 1;}
.fadeRight.in-view{animation-name: fadeRightAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.2s; opacity: 1;}
.fadeIn.in-view{animation-name: fadeIn;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.scaleAni.in-view{animation-name: scaleAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.4s; }
.scaleAni2.in-view{animation-name: scaleAni2; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.5s; }



.page_top .bg{transform: scale(1.1);}
.page_top.in-view .bg{transform: scale(1); transition: all 2s;}

.page_top .txtwrap .line{width: 0;}
.page_top.in-view .txtwrap .line{width: 100%; transition: all 1.4s 0.2s;}

.page_top .txtwrap h2 span{transform: translateY(100%); opacity: 0;}
.page_top.in-view .txtwrap h2 span{transform: translateY(0); opacity: 1; transition: all 1.2s 0s;}

.page_top .txtwrap p span{transform: translateY(-100%); opacity: 0;}
.page_top.in-view .txtwrap p span{transform: translateY(0); opacity: 1; transition: all 1.2s 0s;}


.m11 .section1 .conwrap .imgwrap > div{clip-path: inset(50% 50%);}
.m11 .section1 .conwrap .imgwrap.in-view > div{clip-path: inset(0); transition: clip-path 1.4s;}


.m11 .section2 li{opacity: 0; transform: translateY(50px);}
.m11 .section2 li:nth-child(1){transition: all 1.2s 0.2s;}
.m11 .section2 li:nth-child(2){transition: all 1.2s 0.4s;}
.m11 .section2 li:nth-child(3){transition: all 1.2s 0.6s;}
.m11 .section2 ul.in-view li{opacity: 1; transform: translateY(0);}


.m11 .section5 .conwrap .yearwrap .txtwrap li:before{transform: scale(0);}
.m11 .section5 .conwrap .yearwrap .txtwrap li.in-view:before{transform: scale(1); transition: all 1s 0.1s;}

.m11 .section6 .bg{transform: scale(1.2);}
.m11 .section6.in-view .bg{transform: scale(1); transition: all 1.5s 0.2s;}


.m31 .introSection .intro .imgwrap{clip-path: inset(50% 50%);}
.m31 .introSection .intro .imgwrap.in-view{clip-path: inset(0); transition: clip-path 1.4s;}

.m31 .section4 .slgwrap .bg{transform: scale(1.2);}
.m31 .section4 .slgwrap.in-view .bg{transform: scale(1); transition: all 1.5s 0.2s;}


.m40 .section1 .slg .bg{transform: scale(1.2);}
.m40 .section1 .slg.in-view .bg{transform: scale(1); transition: all 1.5s 0.2s;}


.m41 .section3 .diawrap .imgwrap img{opacity: 0; transform: scale(0.9); transform-origin: center;}
.m41 .section3 .diawrap .imgwrap.in-view img{opacity: 1; transform: scale(1); transition: all 1.6s 0.2s;}

.m41 .section3 .diawrap .steps dl{opacity: 0; transform: translateX(-10px);}
.m41 .section3 .diawrap .steps.in-view dl{opacity: 1; transform: translateX(0);}
.m41 .section3 .diawrap .steps dl:nth-child(1){transition: all 1.4s 0.8s;}
.m41 .section3 .diawrap .steps dl:nth-child(2){transition: all 1.4s 1s;}
.m41 .section3 .diawrap .steps dl:nth-child(3){transition: all 1.4s 1.2s;}


.m42 .section1 .con.rule .slgwrap > div .txt{opacity: 0; transform: translateY(20px);}
.m42 .section1 .con.rule .slgwrap > div.in-view .txt{opacity: 1; transform: translateY(0); transition: all 1.2s 0.3s;}

.m42 .section1 .con.rule .slgwrap > div .bg{transform: scale(1.1);}
.m42 .section1 .con.rule .slgwrap > div.in-view .bg{transform: scale(1); transition: all 1.5s 0.3s;}


.m42 .section3 .con.policy .boxwrap .box .bg {
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	transform: scale(1.5);
}
.m42 .section3 .con.policy .boxwrap .box.in-view .bg {
	animation-name: showImg5;
	animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
	animation-duration: 1.8s;
	animation-fill-mode: forwards; /* 애니메이션 이후 상태 유지 */
	transform: scale(1.0001);
	transition: transform 1.8s 0.4s;
}
.m42 .section3 .con.policy .boxwrap .box1.in-view .bg {animation-delay: 0.4s; }
.m42 .section3 .con.policy .boxwrap .box2.in-view .bg {animation-delay: 0.4s; }
.m42 .section3 .con.policy .boxwrap .box3.in-view .bg {animation-delay: 0.4s; }
@-webkit-keyframes showImg5 {
  0% {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
  }
}

.m42 .section3 .con.policy .boxwrap .box .txts{opacity: 0; transform: translateY(30px);}
.m42 .section3 .con.policy .boxwrap .box.in-view .txts{opacity: 1; transform: translateY(0);}
.m42 .section3 .con.policy .boxwrap .box1.in-view .txts{transition: all 1.6s 1.4s;}
.m42 .section3 .con.policy .boxwrap .box2.in-view .txts{transition: all 1.6s 1.4s;}
.m42 .section3 .con.policy .boxwrap .box3.in-view .txts{transition: all 1.6s 1.4s;}


.m42 .section3 .con.esg .boxwrap:nth-child(odd) .txtwrap{opacity: 0; transform: translateX(-30px);}
.m42 .section3 .con.esg .boxwrap:nth-child(odd).in-view .txtwrap{opacity: 1; transform: translateX(0); transition: all 1.4s 0.4s;}
.m42 .section3 .con.esg .boxwrap:nth-child(odd) .imgwrap{opacity: 0; transform: translateX(30px);}
.m42 .section3 .con.esg .boxwrap:nth-child(odd).in-view .imgwrap{opacity: 1; transform: translateX(0); transition: all 1.4s 0.4s;}

.m42 .section3 .con.esg .boxwrap:nth-child(even) .txtwrap{opacity: 0; transform: translateX(30px);}
.m42 .section3 .con.esg .boxwrap:nth-child(even).in-view .txtwrap{opacity: 1; transform: translateX(0); transition: all 1.4s 0.4s;}
.m42 .section3 .con.esg .boxwrap:nth-child(even) .imgwrap{opacity: 0; transform: translateX(-30px);}
.m42 .section3 .con.esg .boxwrap:nth-child(even).in-view .imgwrap{opacity: 1; transform: translateX(0); transition: all 1.4s 0.4s;}


.m42 .section3 .con.process .boxwrap .box{opacity: 0; transform: translateY(30px);}
.m42 .section3 .con.process .boxwrap .box.in-view{opacity: 1; transform: translateY(0);}
.m42 .section3 .con.process .boxwrap .box1{transition: all 1.4s 0.2s;}
.m42 .section3 .con.process .boxwrap .box2{transition: all 1.4s 0.3s;}
.m42 .section3 .con.process .boxwrap .box3{transition: all 1.4s 0.4s;}
.m42 .section3 .con.process .boxwrap .box4{transition: all 1.4s 0.5s;}


.m42 .section4 .bg{transform: scale(1.1);}
.m42 .section4.in-view .bg{transform: scale(1); transition: all 1.5s 0.3s;}

.m42 .section4 .txtwrap .tit{opacity: 0; transform: translateY(30px);}
.m42 .section4.in-view .txtwrap .tit{opacity: 1; transform: translateY(0); transition: all 1.4s 0.2s;}
.m42 .section4 .txtwrap p{opacity: 0; transform: translateY(30px);}
.m42 .section4.in-view .txtwrap p{opacity: 1; transform: translateY(0); transition: all 1.4s 0.4s;}
.m42 .section4 .txtwrap a{opacity: 0; transform: translateY(30px);}
.m42 .section4.in-view .txtwrap a{opacity: 1; transform: translateY(0); transition: all 1.4s 0.6s;}



.m43 .section .img_con .imgwrap{clip-path: inset(50% 50%);}
.m43 .section .img_con .imgwrap.in-view{clip-path: inset(0); transition: clip-path 1.4s;}

.m61 .section1 .innerwrap{opacity: 0; transform: translateY(40px);}
.m61 .section1 .innerwrap.in-view{opacity: 1; transform: translateY(0); transition: all 1.4s 0.2s;}

.m61 .section2 .boxwrap .box{opacity: 0; transform: translateY(50px);}
.m61 .section2 .boxwrap.in-view .box{opacity: 1; transform: translateY(0);}
.m61 .section2 .boxwrap .box:nth-child(1){transition: all 1.2s 0.4s;}
.m61 .section2 .boxwrap .box:nth-child(2){transition: all 1.2s 0.6s;}
.m61 .section2 .boxwrap .box:nth-child(3){transition: all 1.2s 0.8s;}



.m62 .section1 .conwrap .box .sub_cc{opacity: 0; transform: scale(0.8);}
.m62 .section1 .conwrap .box.in-view .sub_cc{opacity: 1; transform: scale(1); transition: all 1.2s 0.7s;}

.m62 .section1 .conwrap .box .line .dotwrap .dot{opacity: 0;}
.m62 .section1 .conwrap .box.in-view .line .dotwrap .dot{opacity: 1;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(19){transition: all 0.5s 1.2s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(18){transition: all 0.5s 1.25s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(17){transition: all 0.5s 1.3s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(16){transition: all 0.5s 1.35s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(15){transition: all 0.5s 1.4s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(14){transition: all 0.5s 1.45s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(13){transition: all 0.5s 1.5s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(12){transition: all 0.5s 1.55s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(11){transition: all 0.5s 1.6s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(10){transition: all 0.5s 1.65s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(9){transition: all 0.5s 1.7s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(8){transition: all 0.5s 1.75s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(7){transition: all 0.5s 1.8s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(6){transition: all 0.5s 1.85s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(5){transition: all 0.5s 1.9s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(4){transition: all 0.5s 1.95s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(3){transition: all 0.5s 2s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(2){transition: all 0.5s 2.05s;}
.m62 .section1 .conwrap .box .line .dotwrap .dot:nth-child(1){transition: all 0.5s 2.1s;}

.m62 .section1 .conwrap .box .line .cc{opacity: 0; transform: scale(0.8);}
.m62 .section1 .conwrap .box.in-view .line .cc{opacity: 1; transform: scale(1); transition: all 1s 2.2s;}

.m62 .section1 .conwrap .box .line:after{opacity: 0; transform: translate(-50%, 30px);}
.m62 .section1 .conwrap .box.in-view .line:after{opacity: 1; transform: translate(-50%, 0); transition: all 1s 1.4s;}

.m62 .section1 .conwrap .box .main_cc .cc{opacity: 0; transform: translate(-50%, -50%) scale(0.8);}
.m62 .section1 .conwrap .box.in-view .main_cc .cc{opacity: 1; transform: translate(-50%, -50%) scale(1); transition: all 1.2s 2.4s;}

.m62 .section1 .conwrap .box .main_cc .sub_cc1{opacity: 0; transform: translate(-50%, -50%) scale(0.7);}
.m62 .section1 .conwrap .box.in-view .main_cc .sub_cc1{opacity: 1; transform: translate(-50%, -50%) scale(1); transition: all 1.2s 2.5s;}

.m62 .section1 .conwrap .box .main_cc .sub_cc2{opacity: 0; transform: translate(-50%, -50%) scale(0.7);}
.m62 .section1 .conwrap .box.in-view .main_cc .sub_cc2{opacity: 1; transform: translate(-50%, -50%) scale(1); transition: all 1.2s 2.6s;}

.m62 .section1 .slg .bg{transform: scale(1.2);}
.m62 .section1 .slg.in-view .bg{transform: scale(1); transition: all 1.5s 0.2s;}

.m62 .section1 .conwrap .rule .txtwrap .txts div{opacity: 0; transform: translateY(30px);}
.m62 .section1 .conwrap .rule .txtwrap.in-view .txts div{opacity: 1; transform: translateY(0);transition: all 1.4s 0.3s;}

.m62 .section2 .conwrap .benefit .con li.in-view .icon img{transform: rotateY(180deg); transition: all 1.2s 0.2s;}

.m62 .section2 .conwrap .benefit .con li p{opacity: 0; transform: translateX(-10px);}
.m62 .section2 .conwrap .benefit .con li.in-view p{opacity: 1; transform: translateX(0); transition: all 1.4s 0.5s;}

.m62 .section2 .conwrap .benefit .con .slg .bg{transform: scale(1.2);}
.m62 .section2 .conwrap .benefit .con .slg.in-view .bg{transform: scale(1); transition: all 1.5s 0.2s;}