/* ESG */
.esg-list{position: relative;display: flex;flex-wrap: wrap;gap: 0;width: calc(100% + 1px);}
.esg-list li{border: 1px solid #dedede;margin-left: -1px;margin-bottom: -1px;}
.esg-list li.none{width: 256px;box-sizing: border-box;}
.esg-list li.no-data{border: 0;margin: 0;padding-top: 100px;width: 100%;text-align: center;}
.esg-list li .esg-thumb{position: relative;height: 265px;}
.esg-list li .esg-thumb .thumb-img{width: 100%;max-width: 254px;max-height: 155px;overflow: hidden;}
.esg-list li .esg-thumb img{width: 100%;max-width: 254px;}
.esg-list li .esg-thumb .esg-info{width: 100%;height: 110px;position: absolute;left: 0;bottom: 0;background: #fff;padding: 14px 16px 0 20px;box-sizing: border-box;border-top: 1px solid #dedede;}
.esg-list li .esg-thumb .esg-info .info{display: flex;justify-content: space-between;font-size: 11px;color: #666;margin-bottom: 4px;}
.esg-list li .esg-thumb .esg-info .info .cate{color: #006ecd;font-weight: 500;}
.esg-list li .esg-thumb .esg-info .info .date{font-size: 12px;}
.esg-list li .esg-thumb .esg-info .title{font-size: 13.5px;line-height: 18px;color: #333;font-weight: bold;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 36px;}
.esg-list li .esg-thumb .esg-info .btn-wrap{text-align: right;margin-top: 4px;}
.esg-list li .esg-thumb .esg-info .btn-wrap .btn{display: block;font-size: 12px;line-height: 20px;color: #757575;padding-right: 24px;background: url('/images/btn/esg_more.png') right 0 center no-repeat;}
.esg-list li .esg-thumb .esg-info .btn-wrap .btn-close{display: none !important;}
.esg-list li .esg-cont{display: none;width: 766px;background: #ececec;border: 1px solid #dedede;margin-left: -1px;position: absolute;left: 0;padding: 50px;box-sizing: border-box;border-top-color: #969696;border-bottom-color: #969696;}
.esg-list li.active{border-bottom: 0;}
.esg-list li.active .esg-info{background-color: #ececec;}
.esg-list li.active .esg-info::after{content: '';width: 100%;height: 1px;background: #ececec;position: absolute;bottom: -1px;left: 0;z-index: 10;}
.esg-list li.active .esg-info .btn-wrap .btn-open{display: none !important;}
.esg-list li.active .esg-info .btn-wrap .btn-close{display: block !important;background: url('/images/btn/esg_close.png') right 0 center no-repeat;}
.esg-list li.active .esg-cont{display: flex;gap: 38px;}
.esg-list li.active .esg-cont .left,
.esg-list li.active .esg-cont .left img{max-width: 354px;}
.esg-list li.active .esg-cont .right{max-height: 436px;overflow-y: auto;overscroll-behavior: none;}
.esg-list li.active .esg-cont .right::-webkit-scrollbar{width: 5px;}
.esg-list li.active .esg-cont .right::-webkit-scrollbar-track{background-color: #ececec;}
.esg-list li.active .esg-cont .right::-webkit-scrollbar-thumb{background-color: #8b8b8b;}
.esg-list li.active .esg-cont .right::-webkit-scrollbar-button{display: none;}
.esg-list li.active .esg-cont .right::-webkit-scrollbar-track,
.esg-list li.active .esg-cont .right::-webkit-scrollbar-thumb{border-radius: 5px;}
.esg-list li.active .esg-cont .right .tit{font-size: 22px;line-height: 30px;color: #222;font-weight: bolder;margin: 10px 0 12px;}
.esg-list li.active .esg-cont .right .txt{font-size: 13px;line-height: 20px;color: #222;}