p{
  line-height: 1.3em;
}
.side{
  width: 100vw;
  height: 51px;
}
.sideWrapper{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.side-title{
  font-size: 16px;
  color: var(--fontWhite);  
 
  border:1px solid #fff;
  border-radius:30px;
  width:120px;
  padding:7px 20px;
  text-align:center
  
}

.content{
  width: 100vw;
}
.centerWrapper{
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}

.info > p{
  font-size: 18px;
  margin-bottom: 20px;
}


.info > p:last-child{margin-bottom:0}

.info_txt {border-left:2px solid #5571A0;margin-bottom: 40px; padding: 20px ; background: #EEF2F8; position:relative }
.info_txt:after {position:absolute;content:'';/* bottom: 20px; */background: url(../source/img/card-img.png) no-repeat;background-size: contain;width:150px;height: 150px;z-index: 100;right: 20px;top: 50px;}
.info-text1 {font-size: 25px !important; text-align: center;}
.List_t li  {position:relative; padding-left: 10px; line-height: 22px; font-size: 18px; margin-bottom: 8px;}
.List_t li:after{position:absolute; content: ''; width: 4px; height: 4px; border-radius: 30px; background:var(--mainGreen); left:0; top:8px}



.info_txt {border-left:2px solid #5571A0;margin-bottom: 40px; padding: 20px ; background: #EEF2F8; }

.card{
  width: 100%;
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
 
  margin-bottom: 20px;
}
.card-title{
  width: 110px;
  height: 40px;
  margin: 0px 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2F2F2F;
  font-size: 18px;
  font-weight: 800;
  color: #fff;
  border-radius: 30px;
}
.card1 .card-text1{
  text-align: right;
  font-size: 18px;
}
.card-imgTextBox{
  align-items: center;
  box-sizing: border-box;
  justify-content: space-around;
}


.card-text2 > li{
  font-size: 13px;
  letter-spacing: -.05em;
  margin: 5px 0;
  padding-left:10px;
  position:relative;
}
.card-text2 > li::before{
  content: '';
  width: 5px;
  height: 5px;
  position:absolute;
  background:var(--mainGreen);
  left:0;
  top:15px;
  border-radius: 15px;;
}

.card-img{
  width: 40%;
  aspect-ratio: 22/18;
  background: url(../source/img/card-img.png) no-repeat; 
  background-size: contain;
}



.card-table{
  width: 100%;
}
.card-table .card-table-text{
  width: 33%;
  height: 20vw;
  min-height: 80px;
  display: flex;
  justify-content: space-between;
  margin: 5px;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  font-weight: 700;
  position: relative;
  font-size: 3vw;
}
.card-table-text-numBox{
  width: 25px;
  height: 25px;
  position: absolute;
  left: -3px;
  top: 3px;
  transform: rotate(30deg);
  border-right: 1px solid #fff;
  overflow: hidden;
}
.card-table-text-numBox-num{
  font-size: 26px;
  margin: 3px;
  position: absolute;
  left: 7px;
  top: -3px;
  transform: rotate(-30deg);
}
.rowFirst .card-table-text:nth-child(2n){
  background-color: var(--mainGreen);
}
.rowFirst .card-table-text:nth-child(2n-1){
  background-color: var(--mainBule);
}
.rowSecond .card-table-text:nth-child(2n-1){
  background-color: var(--mainGreen);
}
.rowSecond .card-table-text:nth-child(2n){
  background-color: var(--mainBule);
}
.card2 > .card-text{
  margin-bottom: 10px;
  font-size: 18px;
}
.card-addr-title{
  width: 160px;
  height: 20px;
  background-color: #747474;
  font-size: 14px;
  margin: 10px auto;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 20px;
}
.card-addr-img{
  width: 20%;
  margin-right: 10px;
}
.card-addr .card-imgTextBox{
  justify-content: center;
}
.card-textBox{
  display: flex;
  flex-direction: column;
}
.card-textBox > p{
  font-size: 3.5vw;
}
.card-textBox > p > span{
  width: 15vw;
  display: inline-block;
  text-align: right;
}

.pageMoveDonateWrite{
  width: 200px;
  margin: 0 auto;
  margin-top: 20px;
}
.pageMoveDonateWrite > img{
  width: 40px;
  height: 40px;
}
@media (min-width: 1330px) {
	.side {
		width: 100%;
		height: 70px;
	}

	.side .sideWrapper {
		width: 1330px;
		height: 70px;
		margin: 0 auto;
	}
  .side-title{
    margin: 0;
   
  }
  .centerWrapper{
    padding: 50px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .info > p{
    font-size: 18px;
  }
  .pcLow{
    display: flex;
    flex-direction: row;
  }
  .card{
    width: 100%;
    margin: 0 0px;
    display: flex;
    flex-direction: column;
  }

  .card-title{
    width: 160px;
  }
  .card-imgTextBox{
    justify-content: space-around;
    flex-grow: 1;
  }
  .card-img{
    width: 40%;
  }
  .card1 .card-text1{
    font-size: 18px;
  }
  .card1 .card-text2 li{
    font-size: 24px;
    line-height: 36px;
  }

  .card2 .card-text{
    font-size: 16px;
  }
  .card-table .card-table-text{
    height: 120px;
    font-size: 24px;
  }
  .card-table-text-numBox{
    width: 38px;
    height: 38px;
    left: -6px;
    top: 4px;
  }
  .card-table-text-numBox-num{
    font-size: 40px;
    margin: 3px;
    left: 14px;
    top: -3px;
  }
  .card-addr-title{
    width: 180px;
  }
  .card-addr-img{
    width: 100px;
    margin-right: 10px;
  }
  .card-textBox{
    flex-direction: row;
  }
  .card-textBox p{
    font-size: 16px;
    margin: 5px;
  }
  .card-textBox p span{
    width: 60px;
  }
}



@media (max-width:1329px){

.card-text2 > li::before{
  content: '';
  width: 3px;
  height: 3px;
  position:absolute;
  background:var(--mainGreen);
  left:0;
  top:6px;
  border-radius: 15px;;
}

.info_txt{}
.List_t li {font-size:.9rem}
	
	}
	
@media (max-width:640px){	
	
}



.blind,legend{display:block; position:absolute; top:-100000em; left:0; overflow:hidden}
/*만족도*/
.satisfy {background: #EEF2F8;padding: 10px 15px;position:relative; display: flex; margin-top: 40px;border: 1px solid #e2e2e2;border-bottom: 0;}
.satisfy  .text{float:left;width: 100%;font-size: 16px;text-align: left;line-height: 38px;color: var(--mainGreen);}


/*담당자*/
.manage {position:relative; overflow: hidden; border:1px solid #e2e2e2; padding: 15px 30px}
.manage li {float:left;  margin-right: 5%; font-size: 15px; }
.manage li i {font-size:20px; color: var(--mainGreen);     vertical-align: middle;}


.step_list{margin:1rem 0 4rem;display:flex;width:calc(100% + 2rem)}
.step_list > li{position:relative;margin-right:2rem;padding:0 1rem 1rem;border:1px solid #ddd;background:#fff;text-align:center;flex:1;word-break:keep-all}
.step_list > li img {width:auto}
.step_list > li:after{content:"\ea3e";font-family:'xeicon';position:absolute;right: -2.5rem;top:50%;width:3rem;height: 3rem;line-height: 3rem;color:#fff;background:#2B45C2;border-radius:50%;/* padding-left:.3rem; */font-size:2.3rem;transform:translateY(-50%);z-index:1;text-align: center;}
.step_list > li:last-child:after{display:none}
.step_list > li .icon{height:8rem;display:flex;align-items:center;justify-content:center}
.step_list > li .tit{font-size:1.2rem;color:#3e3e3e;font-weight:600;line-height:3.2rem}
.step_list > li > div.titsub {text-align: left; background: #f8f8f8; padding: 15px; border-radius: 8px;}


@media all and (max-width:1280px)
{

  .info_txt:after {top:70%}

}

@media all and (max-width:960px)
{
.step_list{flex-wrap:wrap;width:calc(96% + 2rem)}
.step_list > li{flex:none;width:calc(44% - 2rem)}
.step_list > li:nth-child(n + 3){margin-top:2rem}
   

}

@media all and (max-width:640px)
{
	
	.info-text1 {font-size:1.4rem !important}
	
  .info_txt:after {display: none;}
  .step_list{flex-wrap:wrap;width:calc(96% + 2rem)}
  .step_list > li{flex:none;width:calc(40% - 2rem)}

}


@media all and (max-width:400px)
{
.step_list,
.step_list > li{width:100%;          padding: 0 0rem 0rem;}
.step_list > li:nth-child(n + 2){margin-top:2rem}
.step_list > li:after{right:50%;top:calc(100% - .8rem);transform:rotate(90deg) translateY(-50%)}

.result_cont.thumb_type .thumb_wrap{width:100%;max-width:32rem}
.result_cont.thumb_type .thumb_wrap .thumb_img{height:auto}

.manage{padding: 15px 15px;}

}