/* .content_title {font-weight: 700; padding: 0 5%;} */
.section01 {padding: 0 !important;}
/* .top_text {margin-bottom: 10%;} */
/* .content_title {font-weight: 900;} */

.sustainability_list{display:inline-block;}
.sustainability_list>li{width:300px; border-radius:50%;display:inline-block; position:relative;}
.sustainability_list>li:after {content: ""; display: block; padding-bottom: 100%;}
.sustainability_list>li:nth-child(1),.sustainability_list>li:nth-child(3){background:rgba(253,59,73,0.8);}
.sustainability_list>li:nth-child(2){background:rgba(0,0,0,0.8); margin:0 -30px; position:relative; z-index:100;}
.sustainability_list>li>div{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%;}
.sustainability_list>li>div>h3{color:#fff; font-size: 24px; font-weight:bold; margin-top:10px; margin-bottom:20px}
.sustainability_list>li>div>p{color:#fff; font-size: 14px;}

/*반응형 작업*/

@media (max-width:1500px){
  
}
@media (max-width:1200px){
    
}
@media (max-width:1024px){
  
}
@media (max-width: 992px) {
    .sustainability_list>li:nth-child(2) {margin: 0 0 0 -30px;}
    .sustainability_list>li:last-child {margin-top: -10% !important;}
}

@media (max-width:768px){
    .sustainability_list {margin-top: 7%;}
    .sustainability_list>li {margin-top: -7% !important;}
    .sustainability_list>li:nth-child(2) {margin: -10% -30px 0 !important;}
}
@media screen and  (max-width:576px){
    .section01 h3 {padding: 0 5% 10%;}
    .section01 h4 {padding: 0 5% 10%;}
}
@media (max-width:480px){
    .sustainability_list>li:nth-child(2){margin:-20px 0;}
}