@charset "utf-8";

#mainArea .mainBox .content .box {margin-top:30px; padding:30px; background-color: #eee; overflow: hidden;}
#mainArea .mainBox .content .box ul {float:left; width:410px; margin-left:15px; list-style: decimal;}
#mainArea .mainBox .content .box ul li {padding:10px 0;}
#mainArea .mainBox .content .box .imgBox {float:right;}
#mainArea .mainBox .content .box .imgBox img {width:230px; border:1px solid #c4c4c4;}
#mainArea .mainBox .content .box .imgBox p {margin-top:5px; font-size:12px; color:#36a529; text-align: center;}

#mainArea .mainBox .content table {width:100%; border:0; border-collapse: collapse;}
#mainArea .mainBox .content table th, #mainArea .mainBox .content table td {padding:10px; border:1px solid #cacaca;}
#mainArea .mainBox .content table th {background-color: #eee;;}
#mainArea .mainBox .content table td.cr {text-align: center;}

#mainArea .mainBox .content > .imgBox {margin-top:20px; text-align: center;}
#mainArea .mainBox .content > .imgBox img {border:1px solid #c4c4c4;}
#mainArea .mainBox .content > .imgBox p {margin-top:5px; font-size:12px; color:#36a529; text-align: center;}

#mainArea .mainBox .content .orgBox {margin-top:40px; background-image: url(/esg/images/policy01.png);}
#mainArea .mainBox .content .orgBox p {margin:20px auto; padding:10px 30px; width:150px; font-size:16px; text-align: center; border-radius: 5px;}
#mainArea .mainBox .content .orgBox p.d1 {color:#fff; background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 24%,#80c217 64%,#7cbc0a 100%);}
#mainArea .mainBox .content .orgBox p.d2 {border:1px solid #80c217; background: linear-gradient(to bottom,  #eaf6d6 0%,#ebf6da 24%,#e6f9c7 64%,#e6fcc0 100%);}

#mainArea .mainBox .content .orgBox .org {overflow: hidden;}
#mainArea .mainBox .content .orgBox .org div {margin:0 auto;}
#mainArea .mainBox .content .orgBox .org div:first-child {float:left; width:50%;}
#mainArea .mainBox .content .orgBox .org div:last-child {float:right; width:50%;}