.inner{width:1500px; margin:0 auto;}
.con{width:1500px; margin:0 auto;}
.top-tit{text-align:center;font-size:1.5rem;color:#333;line-height:1.2;margin:2rem 0;}
.g-bx{background:#f2f3f3;}
 h3{font-size:1.4rem;color:#222;font-weight:600;margin-bottom:1.5rem;}
 h3.point{padding-left:1.25rem;position:relative;}
 h3.point:after{content:'';display:block;position:absolute;width:1rem;height:1rem;background:url(/images/default/content/point-bg.png)no-repeat center center;background-size:cover;left:0;top:0.35em;}
@media (max-width:1500px){
	.inner{width:100%; padding:0 1rem;}
	.con{width:100%; padding:0 1rem;}
}
/******************ABOUT HDC******************/

/*GREETING*/
.greet .greet-top{display:flex;}
.greet .greet-top h3{font-size:1.4rem;color:#222;margin-right:8.5rem;}
.greet  .greet-top-bg{padding-top:17rem;background:url(/images/default/content/greet-bg.jpg)no-repeat center center;background-size:cover;margin-top:4rem;}
.greet  .greet-g{position:relative;}
.greet  .greet-g:after{content:'';display:block;position:absolute;width:96rem;height:100%;background:#f6f6f6;left:-10.5rem;top:0;z-index:-1;}
.greet  .greet-about {padding:7rem 0;margin-top:7rem;}
.greet .about-con {display:flex;flex-wrap:wrap;border-top:2px solid #000;}
.greet .about-con > li{background:#fff;flex-basis:calc(100% / 2); display:flex; padding:1.5rem 1rem 1.5rem 1.5rem;position:relative;}
.greet .about-con > li:nth-child(7),
.greet .about-con > li:nth-child(8){flex-basis:100%;}
.greet .about-con > li:nth-child(1):after,
.greet .about-con > li:nth-child(3):after,
.greet .about-con > li:nth-child(5):after {content:'';display:block;position:absolute;width:1px;height:1.3rem;background:#ddd;right:0;top:50%;transform:translateY(-50%);}

.greet .about-con > li:not(:last-child){border-bottom:1px solid #ddd;}
.greet .about-con > li .tit{color:#222;font-weight:700;line-height:1;margin-bottom:0.5rem;font-size:1rem;width:12rem}
.greet .about-con > li .txt{color:#555;width:calc(100% - 12rem);}
.greet .about-con > li .txt ul li {position:relative;padding-left:0.75rem;}
.greet .about-con > li .txt ul li:not(:last-child){margin-bottom:0.25rem;}
.greet .about-con > li .txt ul li:after{content:'';display:block;position:absolute;width:4px;height:4px;border-radius:50%;background:#555;border-radius:50%;left:0;top:0.5em;}
.greet .greet-our {padding:7rem 0;}
.greet .greet-our ul {display:flex;flex-wrap:wrap;margin-bottom:-2.5rem;}
.greet .greet-our ul li{flex-basis:calc(100% / 4);text-align:center;margin-bottom:2.5rem;padding:1rem;}
.greet .greet-our ul li .one{width:9.5rem;height:9.5rem;border-radius:50%;background:#f1f9f0;margin:0 auto;position:relative;z-index:0;display:flex;justify-content:center;align-items:center;margin-bottom:1.25rem;}
.greet .greet-our ul li .one:after {content:'';display:block;position:absolute;width:calc(100% - 1.25rem);background:#fff;border-radius:50%;height:calc(100% - 1.25rem);left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;}
.greet .greet-our ul li .one img{z-index:1;position: inherit;}
.greet .greet-our ul li p {font-size:.9rem;}
.greet .greet-stren{padding:5rem 0 7rem 0;}
.greet .greet-stren ul {display:flex;margin:-0.75rem;flex-wrap:wrap;}
.greet .greet-stren ul li{margin:0.75rem;flex-basis:calc(100% / 5 - 1.5rem);background:#fff;text-align:center;padding:0.75rem ;}
.greet-top-en h3{width:40%;margin-right:0;}
.greet-top-en p{width:60%;}

@media (max-width:1500px){
	.greet .greet-top h3{margin-right:4rem;}
}
@media (max-width:1030px){
	.greet .greet-top{display:block;}
	.greet .greet-top-bg{margin-top:2rem;padding-top:12rem;}
	.greet .greet-top h3{width:100%;}
	.greet-top-en p{width:100%;}
	.greet .greet-about{padding:3rem 0; margin-top:3rem;}
	.greet .greet-our{padding:3rem 0;}
	.greet .about-con > li{flex-basis:100%;}
	.greet .greet-our ul li{flex-basis:calc(100% / 3);}
	.greet .greet-our ul li .one{width:8rem;height:8rem;}
	.greet .greet-our ul li .one img{height:4rem;}
	.greet .greet-stren ul li{flex-basis:calc(100% / 3 - 1.5rem);}

}
@media (max-width:767px){
	.greet .about-con > li{display:block;padding:1rem;}
	.greet .about-con > li .tit{width:100%;text-align:left;margin-bottom:0.5rem;font-size:1.1rem;}
	.greet .about-con > li .txt{width:100%;}
	.greet .greet-our ul{margin-bottom:0;}
	.greet .greet-our ul li{flex-basis:calc(100% / 2);margin-bottom:0;}
	.greet .greet-stren ul li{flex-basis:calc(100% / 2 - 1.5rem);}
}

/*NETWORK*/
.network .network-img {text-align:center;}
.network .network-list {border:5px solid #ececec;padding:2.5rem;}
.network .network-list ul{display:flex;flex-wrap:wrap;margin-bottom:-1rem;}
.network .network-list ul li{flex-basis:calc(100% / 3);margin-bottom:1rem;position:relative;padding:0 0.5rem;}
.network .network-list ul li:after{content:'';display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#008947;left:0;top:0.5em;}
.network .greet-g{margin-top:5rem;}

@media (max-width:1500px){
	.network .network-list{padding:1rem;}
	.network .network-list ul li{flex-basis:calc(100% / 3);}
}
@media (max-width:767px){
	.network .network-list ul li{flex-basis:calc(100% / 2);}
}
@media (max-width:500px){
	.network .network-list ul li{flex-basis:100%;}
}

/*회사연혁*/
.history{margin-top:2rem;}
.history .his-img{padding-top:20rem;background:url(/images/default/content/his-img01.jpg)no-repeat center center;background-size:cover;}
.history .his-img .his-tit{display:none;}
.history .his-wrap{display:flex;}

.history .his-wrap .his-tit{width:22.5rem;height:14rem;background:#555555;color:#fff;    transform: translateY(-4.75rem);margin:0 11rem 0 3.5rem;padding:3rem 1rem;}
.history .his-wrap .his-tit h4{font-size:1.5rem;font-weight:700;}
.history .his-wrap .his-tit p{padding-top:1rem;margin-top:1rem;position:relative;}
.history .his-wrap .his-tit  p:after{content:'';display:block;position:absolute;top:0;width:17rem;height:1px;background:#fff;left:-3rem;}
.history .his-wrap .his-bx {padding-top:4rem;position:relative}
.history .his-wrap .his-bx:after{content: ""; position: absolute;  top: 0; left: 6rem; height: 100%;  border-right: 1px dashed #888888; }
.history .his-wrap .his-bx > div:not(:last-child){padding-bottom:4rem;}
.history .his-wrap .his-bx > div{display:flex;}
.history .his-wrap .his-bx > div h5{font-size:1.5rem;font-weight:600;color:#191919;font-weight:700;width:6rem;line-height: 1;position:relative;z-index:1;}
.history .his-wrap .his-bx > div h5:after{content:'';display:block;position:absolute;width:0.8rem;height:0.8rem;background:url(/images/default/content/his-point.png)no-repeat center center;background-size:cover;right:0;top:0; transform: translateX(50%);}
.history .his-wrap .his-bx > div > ul {width:calc(100% - 6rem);padding-left:1.5rem;}
.history .his-wrap .his-bx > div > ul > li{position:relative;padding-left:0.75rem;}
.history .his-wrap .his-bx > div > ul > li:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#008947;left:0;top:0.55em;}
.history .his-wrap .his-bx > div > ul > li > ul > li{position:relative;padding-left:0.75rem;}
.history .his-wrap .his-bx > div > ul > li > ul > li:after{content:'';position:absolute;width:8px;height:1px;background:#555;left:0;top:0.7em;}
.history .his-wrap .his-bx > div > ul > li span{color:#ed1c24;font-weight:600;position:absolute;left:0;}
.history .his-wrap .his-bx > div > ul > li em{color:#ed1c24;}


.history:nth-child(2){margin-top:5rem;}
.history:nth-child(2) .his-wrap{flex-direction: row-reverse;}
.history:nth-child(2) .his-wrap .his-tit {margin:0 3.5rem 0 11rem;background:#008947;}
.history:nth-child(2) .his-img{background:url(/images/default/content/his-img02.jpg)no-repeat center center;background-size:cover;}
.history:nth-child(3) .his-img{background:url(/images/default/content/his-img03.jpg)no-repeat center center;background-size:cover;}



@media (max-width:1500px){
	.history .his-wrap{padding:0 1rem;justify-content:space-between;    align-items: flex-start;}
	.history .his-wrap .his-tit{margin:0;}
	.history:nth-child(2) .his-wrap .his-tit{margin:0;}
	.history .his-wrap .his-tit{padding:2rem;}
}
@media (max-width:1500px){
	.history .his-wrap .his-tit{width:18rem;height:auto;margin-right:1rem;}
	.history .his-wrap .his-tit p:after{width:100%;}
}
@media (max-width:1030px){
	.history .his-img{width:calc(100% + 2rem);margin-left:-1rem;position:relative;
	background:url(/images/default/content/his-img01.jpg)no-repeat center center;background-size:cover;background-color:rgba(0,0,0,0.5);position:relative;padding-top:12rem;}
	.history .his-img .his-tit{color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;text-align:center;font-size:1.2rem;}
	.history .his-img .his-tit h4{font-size:1.5rem;font-weight:600;}
	.history .his-wrap .his-tit{display:none;}
}
@media (max-width:767px){
	.history .his-wrap{padding:0;}
	.history .his-wrap .his-bx{padding-top:2rem;}
	.history .his-wrap .his-bx:after{left:0;}
	.history .his-wrap .his-bx > div {display:block;padding-left:1.5rem;}
	.history .his-wrap .his-bx > div ul{margin-left:0;}
	.history .his-wrap .his-bx > div h5{width:auto;margin-bottom:1rem;}
	.history .his-wrap .his-bx > div h5:after{right:auto;left:-1.5rem;transform: translateX(-50%);}
	.history:nth-child(2){margin-top:3rem;}
}
/*주요고객*/
.client {display:flex;flex-wrap:wrap;margin:-0.5rem}
.client li{flex-basis:calc(100% / 5 - 1rem);margin:0.5rem;border:1px solid #ddd;display:flex;justify-content:center;align-items:center;}

@media (max-width:1030px){
	.client li{flex-basis:calc(100% / 3 - 1rem);margin:0.5rem;}
}
@media (max-width:767px){
	.client li{flex-basis:calc(100% / 2 - 1rem);margin:0.5rem;}
}

/*오시는길*/
.map-tab{display:flex;}
.map-tab li {flex-basis:calc(100% / 6);font-size:0.9rem;text-align:center;padding-bottom:1.5rem;position:relative;}
.map-tab li:after{content:'';display:block;position:absolute;height:4px;background:#c0cace;width:100%;bottom:0;left:0;}
.map-tab li.on:after{background:#008947;}
.map-tab li.on{color:#008947;}
.mab-con{margin-top:3.5rem;}
.mab-con .mab-tit{text-align:center;font-size:1rem;margin-bottom:2.3rem;}
.mab-con .mab-tit h4{font-size:1.9rem;color:#333;}
.root_daum_roughmap{width:100% !important; height:25rem;}
.root_daum_roughmap .wrap_map{height:100% !important;}
.map-bx{margin-top:1rem;}
.map-bx ul{display:flex;}
.map-bx ul li{flex-basis:calc(100% / 3);font-size:1rem;position:relative;text-align:center;}
.map-bx ul li:not(:last-child):after{content:'';display:block;position:absolute;width:1px;height:100%;background:#ddd;right:0;top:0;}
.map-bx ul li span{display:flex;width:3.5rem;height:3.5rem;border-radius:50%;border:2px solid #008947;justify-content:center;
align-items:center;box-shadow: 10px 0 16px rgb(84 84 84 / 15%);margin:0 auto;}
.map-bx ul li h5{font-size:1.1rem;color:#333;font-weight:600;line-height:1;margin:0.5rem 0;}
.map-bx ul li:first-child{flex-basis:28.5rem;justify-content:flex-start;}
.map-bottom{margin-top:8rem;}
.map-botom-con{text-align:center;}

.map-bottom-bx-con {display:flex;justify-content:space-between;margin-top:-11rem;}
.map-bottom-bx-con div{box-shadow:2px 0 21px rgb(0 0 0 / 8%);border-top:1px solid #008947;padding:1.5rem;text-align:left;background:#fff;width:21.5rem;}
.map-bottom-bx-con div .txt{font-size:.9rem;color:#999;}
.map-bottom-bx-con div .tit{font-size:1.2rem;color:#008947;font-weight:700;line-height:1;margin:0.75rem 0 1.5rem 0;}
.map-bottom-bx-con div .add {color:#555555;position:relative;padding-left:0.8rem;}
.map-bottom-bx-con div .add:after{content:'';display:block;position:absolute;width:0.55rem;height:0.75rem;background:url(/images/default/content/map-icon.png)no-repeat center center;background-size:cover;left:0;top:0.5em;}
.map-bottom-bx-con div .add img{    vertical-align: middle;margin-right:0.5rem;}

@media (max-width:1030px){
	.map-tab{flex-wrap:wrap;margin-bottom:-1rem;}
	.map-tab li{flex-basis:calc(100% / 3);margin-bottom:1rem;}
	.map-bx ul{display:block;}
	.map-bx ul li {justify-content:flex-start;}
	.map-bx ul li:not(:last-child){margin-bottom:1rem;padding-bottom:1rem;}
	.map-bx ul li:not(:last-child):after{display:none;}
	.map-bx ul li:not(:last-child):before{content:'';display:block;position:absolute;width:100%;background:#ddd;height:1px;bottom:0;}
	.map-bottom-bx-con {display:block;margin-top:0;}
	.map-bottom-bx-con div:not(:last-child){margin-bottom:1rem;}
	.map-tab li:after{height:2px;}
	.map-bottom-bx-con div{width:100%;}
	.map-bottom{margin-top:3rem;}
}
@media (max-width:767px){
	.map-tab li{flex-basis:calc(100% / 2);}
}


/******************PRODUCT******************/
.pro .pro-list{display:flex;align-items:center;border:1px solid #ddd;padding:1.5rem ;}
.pro .pro-list:not(:last-child){margin-bottom:2rem;}
.pro .pro-list .img-zone{padding-top:17.5rem;width:32rem;}
.pro .pro-list .tit-zone {display:flex;align-items:flex-end;margin-bottom:1.5rem;}
.pro .pro-list .tit-zone  h4{font-size:1.3rem;font-weight:600;color:#222;}
.pro .pro-list .tit-zone span{font-size:0.9rem;margin-left:1rem;}
.pro .pro-list .pro-text{padding-left:4rem;}
.pro .pro-list .pro-text ul {display:flex;flex-wrap:wrap;border-top:2px solid #000;}
.pro .pro-list .pro-text ul li{flex-basis:100%;display:flex;border-bottom:1px solid #ddd;padding:0.75rem 0;}
.pro .pro-list .pro-text ul li div{width:50%;font-size:0.9rem;}
.pro .pro-list .pro-text ul li .tit{color:#222;font-weight:700;}
.pro .pro-btn{text-align:right;margin-top:2.5rem;}
.pro .pro-btn a{display:inline-block;width:9.75rem;height:2.5rem;background:#fff;color:#333;line-height:2.5rem;text-align:left;padding:0 1rem;position:relative;border:1px solid #ddd;}
.pro .pro-btn a:after{content:'';display:block;position:absolute;width:1.3rem;height:0.7rem;background:url(/images/default/content/btn-arrow.png)no-repeat center center;background-size:cover;right:0;top:50%;transform:translateY(-50%);right:1rem;}
.pro .pro-btn a:hover{background:#008947;border:1px solid #008947;color:#fff;}
.pro .pro-btn a:hover:after{content:'';display:block;position:absolute;width:1.3rem;height:0.7rem;background:url(/images/default/content/btn-arrow-on.png)no-repeat center center;background-size:cover;right:0;top:50%;transform:translateY(-50%);right:1rem;}

@media (max-width:1500px){
	.pro .pro-list .pro-text{padding-left:1rem;}
	.pro .pro-list .tit-zone{display:block;}
	.pro .pro-list .tit-zone span{margin-left:0;}
	.pro .pro-list .pro-text ul li{display:block;}
	.pro .pro-list .pro-text ul li div{width:100%;}
}
@media (max-width:1030px){
	.pro .pro-list{display:block;}
	.pro .pro-list .img-zone{width:100%;}
	.pro .pro-list .pro-text{padding-left:0;margin-top:1rem;}
}
@media (max-width:767px){
	.pro .pro-list .pro-text ul{display:block;}
}


/*뷰페이지*/

.table-zone table{border-top:2px solid #008947;}
.table-zone table td.bg,
.table-zone table th.bg{background:#f1f9f0;}
.table-zone table th.bg02,
.table-zone table td.bg02{background:#f6f6f6;}
.table-zone table th,
.table-zone table td {text-align:center;border:1px solid #ddd;padding:0.5rem;font-size:.9rem;color:#555;}
.table-zone table th:first-child,
.table-zone table td:first-child{border-left:none;}
.table-zone table th:last-child,
.table-zone table td:last-child{border-right:none;}
.table-zone:not(:last-child){margin-bottom:1.5rem;}
.table-txt {margin-top:1rem;font-size:.9rem;}
.table-txt em{color:#008947;}

@media (max-width:1030px){
	.table-zone{ width:100%;overflow-x:auto;white-space:nowrap;}
	.table-zone table{width:auto;}
}

/*기술*/
.skill .top-con{display:flex;}
.skill .top-con h3{flex-basis:33.75rem;}
.skill .top-con p{flex-basis:calc(100% - 33.75rem);}
.skill .skill-list{border:5px solid #ececec;display:flex;align-items:center;padding:2.5rem 1rem;margin-top:5rem;}
.skill .skill-list .img-zone{flex-basis:30rem;text-align:center;}
.skill .skill-list ul {flex-basis:calc(100% - 30rem);}
.skill .skill-list ul li{position:relative;padding-left:0.8rem;}
.skill .skill-list ul li:after{content:'';display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#008947;left:0;top:0.5em;}
.skill .skill-list ul li:not(:last-child){margin-bottom:1rem;}
.skill .skill-con{margin:7rem 0;padding-bottom:6.5rem;position:relative;}
.skill .skill-icon p.skill-icon-pl{padding-left:1.25rem;}
.skill .skill-con:after{content:'';display:block;position:absolute;width:96rem;height:18.5rem;background:#f6f6f6;left:-10.5rem;bottom:0;z-index:-1;}
.skill .skill-con-list ul.skill-con-img{padding:0 9rem;display:flex;justify-content:space-between;}
.skill .skill-con-list ul.skill-con-img li{flex-basis:calc(100% / 2 - 4.5rem);text-align:center; }
.skill .skill-con-list ul.skill-con-img li .img-zone{border:1px solid #ddd;padding:5rem 1rem;display:flex;justify-content:center;align-items:center;background:#fff;height:14.15rem;}
.skill .skill-con-list ul.skill-con-img li p {color:#222222;margin-top:2rem;}
.skill .skill-icon ul.skill-one{display:flex;flex-wrap:wrap;margin-bottom:-1.5rem;margin-top:4rem;}
.skill .skill-icon ul.skill-one li{flex-basis:calc(100% / 4);text-align:center;margin-bottom:1.5rem;}
.skill .skill-icon ul.skill-one li .one{width:9.5rem;height:9.5rem;border-radius:50%;background:#f1f9f0;margin:0 auto;position:relative;z-index:0;display:flex;justify-content:center;align-items:center;margin-bottom:1.25rem;}
.skill .skill-icon ul.skill-one li .one:after {content:'';display:block;position:absolute;width:calc(100% - 1.25rem);background:#fff;border-radius:50%;height:calc(100% - 1.25rem);left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;}
.skill .skill-icon ul.skill-one li .one img{z-index:1;}

.skill .skill-icon-g{padding:6.5rem 0;margin:6.5rem 0;position:relative;}
.skill .skill-icon-g:after{content:'';display:block;position:absolute;width:96rem;height:100%;left:-10.5rem;top:0;z-index:-1;background:#f6f6f6;}
.skill ul.skill-point > li{position:relative;padding-left:2.5rem;font-size:1.2rem;}
.skill ul.skill-point > li:after {content:'';display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#008947;left:1.5rem;top:0.5em;}
.skill ul.skill-point > li > ul{margin-top:0.5rem;}
.skill ul.skill-point > li > ul > li {padding-left:1rem;color:#555;font-size:1rem;position:relative;}
.skill ul.skill-point > li > ul > li:after{content:'';display:block;position:absolute;width:6px;height:1px;background:#555;left:0;top:0.8em;}
.skill .skill-energy p{text-align:right;color:#555;}
.skill .skill-energy p em{color:#008947;}
.skill .skill-energy .skill-energy-con{display:flex;border:1px solid #ddd;padding:2.5rem;margin-top:1rem;}
.skill .skill-energy .skill-energy-con div {flex-basis:50%;text-align:center;}
.skill .skill-energy .skill-energy-con div:first-child{border-right:1px solid #ddd;}
.skill .skill-energy .skill-energy-con div p{text-align:center;font-size:1.2rem;margin-top:2rem;}

@media (max-width:1500px){
	.skill .top-con{display:block;}
	.skill .skill-list{margin-top:3rem;}
	.skill .skill-con{margin:3rem 0;}
	.skill .skill-con-list ul.skill-con-img{padding:0;}
	.skill .skill-con-list ul.skill-con-img li{flex-basis: calc(100% / 2 - 1rem);}
	.skill .skill-icon-g{padding:3rem 0;margin:3rem 0;}
}
@media (max-width:1030px){
	.skill .skill-list ul{flex-basis:50%;}
	.skill .skill-list .img-zone{flex-basis:50%;padding:0 3rem;}
}
@media (max-width:767px){
	.skill .skill-list{display:block;}
	.skill .skill-con-list ul.skill-con-img{display:block;}
	.skill .skill-con-list ul.skill-con-img li:not(:last-child){margin-bottom:2rem;}
	.skill .skill-con-list ul.skill-con-img li p{margin-top:1rem;}
	.skill .skill-con{padding-bottom:3rem;}
	.skill .skill-icon ul.skill-one li{flex-basis: calc(100% / 3);}
	.skill ul.skill-point > li{margin-bottom:1.5rem;}
}
@media (max-width:500px){
	.skill .skill-icon ul.skill-one li{flex-basis: calc(100% / 2);}
}

.specif .tit{text-align:center;}
.specif .specif-img{display:flex;justify-content:space-between;}
.specif .specif-img > div{flex-basis:calc(100% / 2 - 2rem);text-align:center;border:5px solid #ececec;padding:3rem 1rem;font-size:1.2rem;}
.tablecon {margin-top:6.5rem;}

@media (max-width:1500px){
	.tablecon {margin-top:3rem;}
}

/**********HDC HVAC************/
.skill .skill-con-list ul.skill-con-img02{padding:0;}
.skill .skill-con-list ul.skill-con-img02 li {flex-basis: calc(100% / 3 - 2.25rem);}


.skill .skill-energy .controller{border:1px solid #ddd;display:flex;justify-content:center;align-items:center;padding:1.75rem 1rem;margin-top:1rem;margin-bottom:2.5rem;}
.skill .skill-energy .controller img:first-child{margin-right:1.5rem;}
.skill .skill-list .img-zone02 {margin-bottom:1rem;}

@media (max-width:1030px){
	.skill .skill-energy .controller {display:block;text-align:center;}
	.skill .skill-energy .controller img:first-child{margin-right:0;margin-bottom:1.5rem;}
}


/**********OVERVIEW************/
.over-con {padding:6rem 0;display:flex;}
.over-con h3{flex-basis:24rem;}
.over-con .over-txt{flex-basis:calc(100% - 24rem);}
.over-con .over-txt .over-txt-bx > div{display:flex;justify-content:space-between;position:relative;}
.over-con .over-txt .over-txt-bx > div:after{content:'';display:block;position:absolute;width:100%;background:#ddd;height:1px;top:50%;left:0;z-index:-1;}
.over-con .over-txt .over-txt-bx > div:not(:last-child){margin-bottom:2.5rem;}
.over-con .over-txt .over-txt-bx > div > div{flex-basis:calc(100% / 2 - 2.1rem);text-align:center;padding:2rem 1rem;}
.over-con .over-txt .over-txt-bx > div > div.tit{border:2px solid #008947;position:relative;background:#fff;}
.over-con .over-txt .over-txt-bx > div > div.tit:after{content:'';display:block;position:absolute;width:0.5rem;height:0.5rem;border:3px solid #fff;right:0;top:50%;transform:translate(50%,-50%);background:#008947;border-radius:50%;}
.over-con .over-txt .over-txt-bx > div > div.tit em{color:#008947;font-weight:700;border-bottom:1px solid #008947;}
.over-con .over-txt .over-txt-bx > div > div.txt{border:2px solid #008947;background:#008947;color:#fff;position:relative;}
.over-con .over-txt .over-txt-bx > div > div.txt:after{content:'';display:block;position:absolute;width:0.5rem;height:0.5rem;border:3px solid #fff;left:0;top:50%;transform:translate(-50%,-50%);background:#008947;border-radius:50%;}

.over-con .over-txt .over-txt-bx > div:last-child > div.tit{border:2px solid #61c25e;}
.over-con .over-txt .over-txt-bx > div:last-child > div.txt{border:2px solid #61c25e;background:#61c25e;color:#fff;}
.over-con .over-txt .over-txt-bx > div:last-child > div.tit:after{background:#61c25e;}
.over-con .over-txt .over-txt-bx > div:last-child > div.txt:after{background:#61c25e;}

.over02{background:#f6f6f6;}
.over-con .over-tit{position:relative;font-size:1.2rem;color:#222;padding-left:0.75rem;margin-bottom:1.5rem;}
.over-con .over-tit:after{content:'';display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#008947;left:0;top:0.5em;}
.over-con .over-list {display:flex;flex-wrap:wrap;margin:-1.375rem;}
.over-con .over-list > div{flex-basis:calc(100% / 2 - 2.75rem);background:#fff;margin:1.375rem;border:1px solid #ddd;padding:1.5rem;}
.over-con .over-list > div .img-zone {text-align:center;height:8rem;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;}
.over-con .over-list > div p {font-size:1.2rem;border-top:2px solid #000;border-bottom:1px solid #000;text-align:center;line-height:1;padding:0.9rem 0.5rem;margin-bottom:1.5rem;}
.over-con .over-list > div ul li{position:relative;padding-left:0.75rem;}
.over-con .over-list > div ul li:not(:last-child){margin-bottom:0.25rem;}
.over-con .over-list > div ul li:after{content:'';display:block;position:absolute;width:7px;height:1px;background:#222;left:0;top:0.6em;}
.over-con .over-list > div .no-images{background:#f6f8f4;}

.over-con .over-txt .over-txt-up{display:flex;justify-content:space-between;}
.over-con .over-txt .over-txt-up > div{flex-basis:calc(100% / 2 -  1.375rem);text-align:center;}
.over-con .over-txt .over-txt-up > div .img-zone{height:12.75rem;display:flex;justify-content:center;align-items:center;
border:1px solid #ddd;}
.over-con .over-txt .over-txt-up > div .tit{color:#008947;font-size:1.2rem;margin-top:1.5rem;font-weight:600;}
.over-con .over-txt .over-txt-up > div .txt{margin-top:0.5rem;}
.over-con .over-txt .over-txt-line{text-align:center;}
.over-con .over-txt .over-txt-line .img-zone{height:12.5rem;border:1px solid #ddd;background:#fff;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;}
.over-con .over-txt .over-txt-line .tit{font-weight:600;color:#222;font-size:1.2rem;}
.over-con .over-txt .over-txt-line:nth-child(2) {margin-top:3rem;}
.over-con .over-txt .over-txt-line:nth-child(2) .tit{color:#008947;}
.over-con .over-txt .over-point{margin-top:2.5rem;}
.over-con .over-txt .over-point ul{display:flex;}
.over-con .over-txt .over-point ul li{flex-basis:calc(100% / 3);position:relative;}
.over-con .over-txt .over-point ul li .one{width:13.3rem;height:13.3rem;border-radius:50%;background:#fff;display:flex; flex-direction:column;justify-content:center;align-items:center;margin:0 auto;position:relative;}
.over-con .over-txt .over-point ul li .one p{font-size:0.9rem;color:rgba(51,51,51,0.6);line-height:1;margin:1rem 0 0.5rem 0;font-weight:500;}
.over-con .over-txt .over-point ul li .one h4{font-weight:700;}
.over-con .over-txt .over-point ul li .one:after{content:'';display:block;position:absolute;width:calc(100% - 1.25rem);height:calc(100% - 1.25rem);border-radius:50%;border:2px solid #008947;}
.over-con .over-txt .over-point ul li:nth-child(2) .one:after{border:2px solid #61c25e;}
.over-con .over-txt .over-point ul li:nth-child(3) .one:after{border:2px solid #98c559;}
.over-con .over-txt .over-point ul li:not(:last-child):after{content:'';display:block;position:absolute;width:1.65rem;height:1.65rem;background:url(/images/default/content/over-point.png)no-repeat center center;background-size:cover;right:0;top:50%;transform:translate(50%,-50%);}

@media (max-width:1500px){
	.over-con{display:block;padding:3rem 0;}
}
@media (max-width:767px){
	.over-con .over-txt .over-txt-bx > div {display:block;}
	.over-con .over-txt .over-txt-bx > div > div{padding:1rem;}
	.over-con .over-txt .over-txt-bx > div > div.tit:after{display:none;}
	.over-con .over-txt .over-txt-bx > div > div.txt:after{display:none;}
	.over-con .over-txt .over-txt-bx > div:after{display:none;}
	.over-con .over-list{margin:-0.75rem;}
	.over-con .over-list > div{margin:0.75rem; flex-basis: calc(100% / 2 - 1.5rem);}
	.over-con .over-txt .over-txt-up > div{margin:0.75rem; flex-basis: calc(100% / 2 - 1.5rem);}
	.over-con .over-txt .over-point ul{flex-wrap:wrap;}
	.over-con .over-txt .over-point ul li .one{width:10rem;height:10rem;}
	.over-con .over-txt .over-point ul li .one img{height:2rem;}

}
@media (max-width:500px){
	    .over-con .over-list > div{flex-basis: 100%;}
		.over-con .over-txt .over-txt-up{flex-wrap:wrap;}
		.over-con .over-txt .over-txt-up > div{flex-basis: 100%;}
		.over-con .over-txt .over-point ul {justify-content:center;}
		.over-con .over-txt .over-point ul li {flex-basis:50%;}
		.over-con .over-txt .over-point ul li:not(:last-child):after{display:none;}
}