.top th,
.top td {
    border-top: 1px solid;
}

#sir_cate01 {clear:both;position:relative;margin:10px 0 10px;padding:0;list-style:none;zoom:1}
#sir_cate01:after {display:block;visibility:hidden;content:"";clear:both;width:100%;height:0;overflow:hidden}
#sir_cate01 li {position:relative;float:left;width:148px;height:37px;border:1px}
#sir_cate01 a {display:inline-block;width:148px;height:36px;background:#e4eaec;color:#656d70;font-size:1.7rem;text-align:center;letter-spacing:-0.1em;line-height:2.2em;cursor:pointer}
#sir_cate01 a:focus, #sir_cate01 a:hover {background:#32a5db;color:#fff}
#sir_cate01 {z-index:100}
#sir_cate01 a#bo_cate_on {z-index:2;height:36px;background:#e2161c;color:#fff}


#sir_cate02 {clear:both;position:relative;margin:10px 0 10px;padding:0;list-style:none;zoom:1}
#sir_cate02:after {display:block;visibility:hidden;content:"";clear:both;width:100%;height:0;overflow:hidden}
#sir_cate02 li {position:relative;float:left;width:301px;height:37px;border:1px}
#sir_cate02 span {display:inline-block;width:300px;height:36px;background:#fefefe;color:#111;font-size:1.2rem;letter-spacing:-0.1em;line-height:2.2em;}
#sir_cate02 a:focus, #sir_cate01 a:hover {background:#32a5db;color:#fff}
#sir_cate02 {z-index:100}


#data_table{
  border-top: 1px solid #666666;
  font-size:2em;
}
	
	/* mobile */
	@media (min-width: 1px) and (max-width: 1089px) {
			.about-bg{background-image:url('./img/ESG.jpg');width:100%;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-position:center; background-size: cover; background-repeat:no-repeat;color:#fff;height:100%;padding-top: 70px;}.ml-auto,.mx-auto{padding-top:10px;padding-bottom:10px}.lead{font-size:12px;font-weight:300}.display-4{ font-size:1.5rem;font-weight:300;}.btn,a.btn{line-height:20px!important;height:20px!important;padding:0 5px;text-align:center;font-weight:700;border:0;-webkit-transition:background-color .3s ease-out;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out}.btn-outline-secondary{font-size:11px;padding:0 5px}
	}
	/* desktop */ 
	@media (min-width: 1090px) {
		.about-bg{background-image:url('./img/ESG.jpg');background-position:center center;background-repeat:no-repeat;color:#fff;height:300px}.lead{font-size:1.25rem;font-weight:300}.display-4{font-size:2.5rem;font-weight:300;line-height:1.2}
		.center-line{ width: 100%;}
	}
	
	.media-body {
    margin-top: 32px;
    border-top: 1px solid #dedede;
    padding-top: 15px;
	}
	p{
		margin-bottom: 1.9rem;
		    text-align: left;
	}
	.h5 h5{
		padding: 5px;
	}
	
	
	
	
	
.containeresg{
	    margin-bottom: 140px;
}
header {
    text-align: center;
    margin-bottom: 40px;
}

header h1 {
    font-size: 2.5em;
    color: #0073e6;
    margin-bottom: 20px;
}

.vision h2 {
    font-size: 2em;
    color: #555;
    margin-bottom: 70px;
}

.vision p {
    font-size: 1.1em;
    line-height: 1.8em;
    color: #000;
    margin-bottom: 20px;
	width:100%;
    text-indent: 1em;
}
	
	
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');



.table-container {
    width: 90%;
    max-width: 1000px;

    padding: 20px;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

th, td {
    padding: 15px;
    text-align: left;
    font-size: 1em;
    word-break: break-word;
}

tr:nth-child(even) {
    background-color: #f9f9f9;
}
.header th {
    background-color: #0073e6;
    color: #ffffff;
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
}

.circle-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.circle-list li {
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 10px;
}

.circle-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background-color: #0073e6;
}
	
	
	
	table tr td:first-child { text-align: center; font-weight: bold; font-size:1.5em }
	
	tr:nth-child(even) .circle-list li::before { background-color: #216f05; /* 변경된 색상 */ }
	
	/* 반응형 디자인을 위한 미디어 쿼리 */ @media (max-width: 768px) { th, td { font-size: 0.9em; padding: 10px; } } @media (max-width: 480px) { table, th, td { display: block; width: 100%; } th, td { box-sizing: border-box; } .header th { display: none; /* 작은 화면에서는 헤더 숨기기 */ } tr { margin-bottom: 10px; } tr td:first-child { font-weight: bold; background-color: #0073e6; color: #ffffff; } }