body { background-color: #fff; }
.box-1 .about-box{ padding-top: 86px; padding-left: 60px; position: relative; }
.box-1 .about-box .bg{ left: -90px; position: absolute; height: 128px; top: 36px; }

.box-1 .list{ padding-top: 30px; }
.box-1 .list + .list{ border-top: 1px solid #D2D2D2; }
.box-1 .list .z-right, .box-1 .list .z-left{ display: inline-block; }
.box-1 .list .z-right{ width: 732px; }
.box-1 .list .z-right p{ color: #696969; font-size: 20px; line-height: 1.5em; margin-bottom: 30px; }
.box-1 .list .z-left{ width: 50%; }
.box-1 .list .z-left h1{ color: #212121; font-size: 36px; margin-bottom: 0; font-family: MiSansBold!important; }
.box-1 .list .z-left span{ display: inline-block; width: 72px; height: 4px; background-color: #009782; }
 
.d1 .z-right .img{ margin-bottom: 30px; }
.d1 .z-right img{ height: 260px; width: 100%; object-fit: cover; }

.d2 .do-box { font-size: 0; margin: 0 -20px; }
.d2 .do-box .do-list{ margin-bottom: 30px; width: 25%; display: inline-block; padding: 0 20px; }
.d2 .do-box .do-list > div{ padding: 30px 0 25px; border: 2px solid #00A98F; border-radius: 20px; text-align: center; }
.d2 .do-box .do-list > div img{ height: 67px; display: inline-block; margin-bottom: 25px; }
.d2 .do-box .do-list > div i{ font-size: 67px; display: inline-block; margin-bottom: 25px; color: #009782;}
.d2 .do-box .do-list > div h2{ color: #212121; font-size: 20px; font-weight: bold; }

.d3{ padding-bottom: 6px; }
.d3 .do-box .do-list{ margin-bottom: 30px; }
.d3 .do-box .do-list > div{ overflow: hidden; position: relative; border: 2px solid #009782; border-radius: 20px; padding: 24px 28px 34px 30px; }
.d3 .do-box .do-list > div h2{ font-family: MiSansBold!important; color: #212121; font-size: 24px; margin-bottom: 5px; }
.d3 .do-box .do-list > div .number{ position: absolute; right: 28px; bottom: 14px; font-size: 28px; color: #009782; font-weight: bold; font-family: Hanson!important; }
.d3 .do-box .do-list .circle{ position: absolute; left: -66px; top: -50px; width: 146px; height: 146px; background: linear-gradient(0deg, rgba(0, 183, 153, 0) 0%, rgba(0, 167, 141, 0.2) 66%, rgba(0, 151, 130, 0.4) 100%); border-radius: 50%; opacity: 1; }

.d4{ margin-bottom: 22px; }
.d4 .z-right{ margin-top: 10px; }
.d4 .z-right .do-list{ margin-bottom: 24px; }
.d4 .z-right .do-list h2{ margin-bottom: 10px; color: #212121; font-size: 24px; font-family: MiSansBold!important; }
.d4 .z-right .do-list p{ margin-bottom: 0; color: #696969; font-size: 20px; }

@media (max-width: 1260px) {
	.box-1 .about-box { padding-left: 0; }
}

@media (max-width: 1024px) {
	.box-1 .list .z-right{ width: 650px; }
	.d2 .do-box .do-list{ padding: 0 15px; }
	.d2 .do-box{ margin: 0 -15px; }
}

@media (max-width: 991px) {
	.box-1 .list{ display: block; }
	.box-1 .list .z-right{ width: 100%; margin-top: 30px; }
	.d2 .do-box .do-list{ width: 50%; }
	.box-1 .about-box .bg{height: 60px; left: 0; }
}

@media (max-width: 768px) {
	.box-1 .list .z-left h1{ font-size: 28px; }
	.box-1 .list .z-right p{ font-size: 18px; }
}