@charset="UTF-8";

/*------------ESG경영 및 기본 세팅---------------*/

.sub01_ban{
		width: 100%;
		height: 480px;
		padding-top: 80px;
		background: url('/img/sub08/money-2724241.jpg')no-repeat center;
		background-size: cover;
		position:relative;
	}
.sub01_ban h4{
	font-size: 42px;
    color: #fff;
    top: calc(60% - 35px);
    left: calc(50% - 85px);
    position: absolute;
    text-align: center;
    font-weight: 400;
	text-shadow: 1px 1px 3px #000000a3;
    border-bottom: 2px solid #fff;
}

.white p{
	font-size: 24px;
    font-weight: 300;
    text-align: center;
    line-height: 1.6;
	padding-bottom:40px;
}

.esg_menu{
	width:1200px;
	margin:0 auto;
	height:30%;
}
.esg_menu_ul{
	width:1024px;
	margin:0 auto;
}
.esg_menu_ul li a{
	width:20%;
	float:left;
	height:61px;
	background:#fff;
	border:1px solid #dbdbdb;
	text-align:center; 
	color:#757575;
	line-height:60px;
	font-size:20px;
}
.esg_menu_ul li a:hover{
	width:20%;
	float:left;
	height:61px;
	background:#fff;
	border:2px solid #299324 !important;
	text-align:center; 
	line-height:60px;
	color:#299324 !important;
	font-size:20px;
}

.esg_menu_ul li.e_border {opacity:1; cursor:auto;}

.div_page_coming_soon{
	text-align:center;
}
.div_page_coming_soon img{
	margin:50px;
}


/*------------주주친화---------------*/
.money1{height:1024px;}
.money_cont{height:100%}
.money1 ul{width:1024px; margin:0 auto;}
#money1 .money_cont table tr td{
	 font-weight: 300 !important;
    font-size: 18px !important;
	border-right: 1px solid #b2b2b2;
	border-left: 1px solid #b2b2b2;
text-align: right;
    padding-right: 20px;
}
#money1 .money_cont table tr td:first-child {
	text-align: center; padding-right:0;
}
.total_top{ border-bottom: 2px solid #299324 !important;}
.total{
	background: #f0f8f0;
    border-bottom: 2px solid #299324 !important;
}
.money1>ul>li.on .money_cont{opacity:1;}
.money1>ul>li {
		width: 20%; 
		height:60px;
		float: left;
}
.money1_envir_h>ul>li, .money2_envir_h>ul>li, .money3_envir_h>ul>li, .money4_envir_h>ul>li{
	width: 25%; 
}
.money1>ul>li>a {
		color: #299324;
		text-align: center;
		line-height: 30px;
		font-size: 20px;
		color: #757575;
		display: block;
		border: 1px solid #dbdbdb;
		padding:15px;
}
.money1>ul>li.on>a{
		border: 2px solid #299324;
		color: #299324;
}

.money_h_1{height:2480px;}
.money_h_2{height:1000px;}
.money_h_3{height:1800px;}
.money_h_4{height:2100px;}
.money_h_5{height:1080px;}

.money1_envir_h{height:1280px;}
.money2_envir_h{height:1920px;}
.money3_envir_h{height:1000px;}
.money4_envir_h{height:1400px;}


.money_cont table{margin-top:10px;}
.money_cont table tr{text-align: center;height: 50px;}
.money_cont table tr th{
	 background: #aaaaaa;
    color: #fff;
    font-size: 20px;
	border-right:1px solid #fff;
    font-weight: 400;
	width:auto;
}



.people3 table{    
	width: 100%;
    height: auto;
    margin-top: 40px;
	border-collapse: collapse;
}
.people3 table thead tr{
	height:60px;
    font-size: 18px;
    font-weight: 200;
   
}
.people3 table thead tr th, .write tr th{
	width:10%;
	border-top: 1px solid #2c2c2c;
    border-bottom: 1px solid #b2b2b2;
    font-weight: 500;
    background: #f6f6f6;
}
.people3 table tbody tr{    
	height: 60px;
    border-bottom: 1px solid #b2b2b2;
}
.people3 table tbody tr td{
	font-weight: 400;
    font-size: 16px;
	text-align: center;
	overflow:hidden; 
	text-overflow:ellipsis;
	/*white-space:nowrap;*/
}
.people3 table thead tr th:nth-child(2){width:50%;}
.people3 table thead tr th:nth-child(3){width:20%;}

.border_top {
    width: 105px;
    height: 30px;
    border-top: 2px solid #299324;
    border-left: 2px solid #299324;
}
.border_bottom {
    width: 105px;
    height: 30px;
    float: right;
    border-bottom: 2px solid #dbdbdb;
    border-right: 2px solid #dbdbdb;
    margin-bottom: 30px;
}


/*------------기업지배구조---------------*/
/*
.money_cont .rule {
	padding-left:100px;
}
*/
.rule_m {
	text-align:center;
	font-size:18px;
}

.rule_p {
	text-align:center;
}

.money_cont .rule p{
	font-size: 18px;
    font-weight: 400;
    padding-top: 50px;
}

.rule button{
	width: 150px;
    height: 50px;
    border: none;
    border-radius: 5px;
    margin: 10px 0;
    background: #299324;
}
.rule button a{
	color: #fff;
    font-size: 18px;
    line-height: 50px;
	background:none !important;
}

.move_no {
	top:16%;
}


.ms_table tbody tr {
	height:40px !important;
}

.ms_table_num2 {
	border-top : 1px solid #b2b2b2 !important;
}

.title{
	position:static;
}

.certified_title{
	position:absolute;
}

.center_tab, .swiper-container{
	margin-top:100px;
}

.certified_p {
	position: absolute;
}

/*사회공헌*/
.money1_social_h>ul>li, .money2_social_h>ul>li, .money3_social_h>ul>li {
	width: 33.3%; 
}
.money1_social_h {height:1200px;}
.money2_social_h {height:1200px;}
.money3_social_h {height:1680px;}