/*
    ESG 화면에 대한 CSS 코드
*/
/*ESG 컨텐츠 부분 시작*/
.image-column-esg p {
    background-color: #D8F5D8;
    color: #355E3B;
}

.image-column-esg p.section-text {
    background-color: #E9E9E9;
    color: #000;
    font-size: 15px;
    width: 600px;
}

.image-column-esg p.esg-item-content {
    font-size: 14px;
    background-color: white;
    color: black;
    margin-top : -20px;
    margin-bottom : 10px;
    margin-left : -15px;
}

.image-column-esg p.bullet {
    background-color: #B0E0E6;
}


/*ESG 컨텐츠 부분 끝*/


.note {
    font-size: 15px;
    color: #555;
    display: block;
    font-style: italic;
}

.sus_btn{
    position: absolute;
    bottom: 10px;
    right: 60px;
    /*width: 60px;*/
     width: clamp(20px, 6vw, 60px);
    height: auto;
    z-index: 10;
}

/*ESG 트리 색상*/
.tree-esg li a {
    background-color: #D8F5D8;
}

.tree-esg li a:hover {
    background-color: #b2e2a4;
}

.tree-wrapper-esg {
    background-color: #D8F5D8;
} /*ESG 트리 색상 끝*/