@charset "UTF-8";

/* 리얼밸류 */
.realvalue_cont {margin-top: 120px;}
.realvalue_cont .tit {display: flex;}
.realvalue_cont .tit .tv_tit {display: inline-block; width: 234px; height: 60px; background: url("../images/contents/esg/realvalue/tit_background.png") no-repeat;  font-family: "Nunito Sans", sans-serif; font-size: 1.6rem; font-weight: 800; text-align: center; line-height: 62px; color: #fff;}
.realvalue_cont {float: left; width: 100%;}
.realvalue_cont .tit h5 {display: flex; align-items: center; font-size: 1.7rem; margin-left: 3%;}
.realvalue_cont > p {margin: 50px 0 60px 0 !important;}

/* 경제적 가치 */
.economy .tit .tv_tit {background: url("../images/contents/esg/realvalue/tit_background.png") no-repeat !important;}
.realvalue .economy_02 table {border-collapse: collapse;}
.realvalue .economy_02 table tr th, .realvalue .economy_02 table tr td {border: 1px solid #bbbbbb; vertical-align: middle; text-align: center;}
.realvalue .economy_02 table tr td {background: #f5f5f5; padding: 3%; box-sizing: border-box; text-align: center;}
.realvalue .economy_02 table tr th {background: #dedede; font-weight: 800; font-size: 1.8rem; padding: 1% 3%;}

/* 환경적 가치 */
.environment .tit .tv_tit {background: url("../images/contents/esg/realvalue/tit_background_3.png") no-repeat !important;}
.realvalue .environment_01 table {border-collapse: collapse; width: 100%;}
.realvalue .environment_01 #table_01 {width: 100%;}
.realvalue .environment_01 #table_01 tr td, .realvalue .environment_01 #table_01 tr th {border: 1px solid #bbbbbb; text-align: center;}
.realvalue .environment_01 #table_01 tr th {background-color: #f5f5f5; font-size: 1.6rem; font-weight: 600;}
.realvalue .environment_01 #table_01 tr td div {display: flex; flex-direction: row; justify-content: center;}
.realvalue .environment_01 #table_01 tr td div img {padding: 3% 5%; }
.realvalue .environment_01 #table_01 tr th {padding: 1%;}
.realvalue .environment_01 #table_02 tr td, .realvalue .environment_01 #table_02 tr th {border: 1px solid #bbbbbb; vertical-align: middle;}
.realvalue .environment_01 #table_02 tr th {background-color: #43a34a; color: #fff; font-size: 1.8rem; font-weight: 600; line-height: 37px; width: 16%;}
.realvalue .environment_01 #table_02 tr td {padding: 2% 3%;}
.realvalue .environment_01 #table_02 tr td p { margin: 4px 0 !important; font-size: 1.2rem; font-weight: 300;}
.realvalue .environment_01 #table_02 tr td p::before {display: inline-block; content: "·"; margin-right: 7px;}

/* 사회적 가치 */
.social .tit .tv_tit {background: url("../images/contents/esg/realvalue/tit_background_4.png") no-repeat !important;}

@media screen and (max-width: 1024px) {
	.realvalue_cont {margin-top: 60px;}
	.realvalue_cont .tit {flex-direction: column; align-items: center;}
	.realvalue_cont > p {text-align: center; margin: 25px 0 45px 0 !important;}
	.realvalue img {width: 100%;}
	.realvalue figure {float: none !important; height: auto !important; width: 100% !important;}
	.realvalue figure.right-wide-image img {width: 100% !important; height: auto !important;  position: relative !important;}

	.realvalue_cont .tit .tv_tit {background-size: contain !important; width: 174px; height: 45px; font-size: 1.3rem; margin-bottom: 20px; line-height: 46px;}
	.realvalue_cont .tit h5 {text-align: center; margin-left: 0; line-height: 26px; font-size: 1.3rem;}

	.realvalue .environment_01 #table_01 tr td div {flex-direction: column;}
	.realvalue .environment_01 #table_01 tr td div img {padding: 5% 12%;}
	.realvalue .environment_01 #table_01 tr th {font-size: 1.2rem;}
	.realvalue .environment_01 #table_02 tr th {font-size: 1.4rem; line-height: 28px; width: 25%;}
	.realvalue .environment_01 #table_02 tr td {padding: 6% 3%;}
	.realvalue .environment_01 #table_02 tr td ul li p {text-align: left; font-size: 0.9rem; margin: 0 !important; line-height: 22px;}

	.realvalue .economy_02 table tr th {font-size: 1.2rem;}

	.realvalue_cont.real_02 div {margin-bottom: 60px !important;}
	.realvalue_cont.real_05 {margin-top: 15px;}
}

@media screen and (max-width: 720px){

}
@media screen and (max-width: 640px){

}