/* 센터소개 */
.s0202_box{position:relative;width:50%;float:left;overflow:hidden;height:550px}
.s0202_box h4{position:absolute;left:50%;top:45%;font-size:20px;color:#333;margin-left:-30px}
.s0202_box li{width:150px;height:150px;border-radius:50%;color:#fff;text-align:center;box-sizing:border-box;position:absolute;padding:50px 10px;font-size:16px;line-height:25px}
.s0202_box .step1{left:50%;margin-left:-75px;top:0;background:#c39f91;}
.s0202_box .step2{left:10%;top:130px;background:#cc9179;}
.s0202_box .step3{left:22%;top:320px;background:#a96951;}
.s0202_box .step4{right:22%;top:320px;background:#79422c;}
.s0202_box .step5{right:10%;top:130px;background:#4c2a1c;}
.s0202_box li:after{position:absolute;content:'';width:95px;height:78px;background:url(/pages/eiri/img/sub/dia_arrow.png) no-repeat 0 0;z-index:-1}
.s0202_box .step1:after{left:-88px;top:68px}
.s0202_box .step2:after{left:50px;top:120px;transform: rotate(-67deg)}
.s0202_box .step3:after{left:118px;top:58px;transform: rotate(-140deg)}
.s0202_box .step4:after{left:66px;top:-49px;transform: rotate(-198deg)}
.s0202_box .step5:after{display:none}

.s0202_box2{position:relative;width:50%;float:left;overflow:hidden;height:550px}
.s0202_box2 h4{position:absolute;left:50%;top:45%;font-size:20px;color:#333;margin-left:-30px}
.s0202_box2 li{width:150px;height:150px;border-radius:50%;color:#fff;text-align:center;box-sizing:border-box;position:absolute;padding:50px 10px;font-size:16px;line-height:25px}
.s0202_box2 .step1{left:50%;margin-left:-75px;top:0;background:#b98792;}
.s0202_box2 .step2{left:10%;top:130px;background:#a76070;}
.s0202_box2 .step3{left:22%;top:320px;background:#964255;}
.s0202_box2 .step4{right:22%;top:320px;background:#691f30;}
.s0202_box2 .step5{right:10%;top:130px;background:#440e1a;}
.s0202_box2 li:after{position:absolute;content:'';width:95px;height:78px;background:url(/pages/eiri/img/sub/dia_arrow.png) no-repeat 0 0;z-index:-1}
.s0202_box2 .step1:after{left:-88px;top:68px}
.s0202_box2 .step2:after{left:50px;top:120px;transform: rotate(-67deg)}
.s0202_box2 .step3:after{left:118px;top:58px;transform: rotate(-140deg)}
.s0202_box2 .step4:after{left:66px;top:-49px;transform: rotate(-198deg)}
.s0202_box2 .step5:after{display:none}



/****** Mobile ******/
@media screen and (max-width:690px){

/* 센터소개 */
.greed_txt{width:100%;background-size:350px;padding-top:300px}
.s0202_box{padding:0;width:100%;margin:0 auto 40px;overflow-x:scroll}
.s0202_box div{width:335px; position:relative}
.s0202_box h4{left:75%}
.s0202_box ul{width:500px;height:500px}
.s0202_box .step1{left:80%}
.s0202_box .step4{right:-30%}
.s0202_box .step5{right:-50%}

.s0202_box2{padding:0;width:100%;margin:0 auto 40px;overflow-x:scroll}
.s0202_box2 div{width:335px; position:relative}
.s0202_box2 h4{left:75%}
.s0202_box2 ul{width:500px;height:500px}
.s0202_box2 .step1{left:80%}
.s0202_box2 .step4{right:-30%}
.s0202_box2 .step5{right:-50%}


}