@charset "UTF-8";

body .wrap .inner .pc-txt40 p,.pc-txt40{font-size : 40px;}
body .wrap .inner .pc-txt32 p,.pc-txt32{font-size : 32px;}
body .wrap .inner .pc-txt22 p,.pc-txt22{font-size : 22px;}
body .wrap .inner .pc-txt18 p,.pc-txt18{font-size : 18px;}
body .wrap .inner .pc-txt16 p,.pc-txt16{font-size : 16px;}

.overview .inner .desc p {line-height: 1.72;}


/*사회공헌 활동 성과*/
.wrap .table-wrap table thead th,
.wrap .table-wrap table tbody td {text-align: center;}
.wrap .table-wrap table thead th,
.wrap .table-wrap table thead th:last-child{color: #333; padding: 20px 0 18px 0;}
.wrap .table-wrap table tbody th, .wrap .table-wrap table td,
.wrap .table-wrap table td:last-child{padding: 20px 0 18px 0;}
.wrap .table-wrap table thead th:nth-child(1),
.wrap .table-wrap table tbody tr td:nth-child(1) {/* padding-left: 130px;  */font-weight: 700;}
.wrap .table-wrap table {margin-top: 26px}
.wrap .table-wrap table caption {margin-bottom: 6px;}

/*이웃돕기 성금*/
.wrap  .sec-full .static-chart .desc {margin-top: 24px;}


/*나눔 한 일*/
.panel-board > div{min-height : 420px;}
.panel-board > div + div{margin-top : 15px;}
.panel-board > div > div{width : calc((1200px - 30px) / 3); min-height : 450px; background : #fff; display : inline-block; vertical-align : top; padding : 45px 41px; border: 1px solid #eff1f3;}
.panel-board > div > div + div {margin-left : 15px;}
.panel-board > div > div > p{font-size : 18px; margin-top : 5px; font-weight : 700}
.panel-board > div > div > h6{font-size : 24px; letter-spacing: -0.02em; color: #3a4950; margin-top : 10px;}
.panel-board > div > div > hr{margin : 26px 0 0;height:1px;border:none;background:#bebebe;}
.panel-board .desc{margin-top : 12px;}
.panel-board .desc > p + p{margin-top : 10px;}
.panel-board .desc > p {text-indent: -17px; padding-left: 17px;}
.panel-board .desc > p sup {font-size: 30px; line-height: 1; color: var(--logoRed); margin-right: 11px;}   


	



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

	body .wrap .inner .pc-txt40 p,.pc-txt40{font-size : 2.78vw;}
	body .wrap .inner .pc-txt32 p,.pc-txt32{font-size : 2.22vw;}
	body .wrap .inner .pc-txt22 p,.pc-txt22{font-size : 1.53vw;}
	body .wrap .inner .pc-txt18 p,.pc-txt18{font-size : 1.25vw;}
	body .wrap .inner .pc-txt16 p,.pc-txt16{font-size : 1.11vw;}


	/*사회공헌 활동 성과*/
	.wrap .table-wrap table thead th,
	.wrap .table-wrap table thead th:last-child{padding: 1.39vw 0 1.25vw 0;}
	.wrap .table-wrap table tbody th, .wrap .table-wrap table td,
	.wrap .table-wrap table td:last-child{padding: 1.39vw 0 1.25vw 0;}
	.wrap .table-wrap table thead th:nth-child(1),
	/* .wrap .table-wrap table tbody tr td:nth-child(1) {padding-left: 9.03vw;} */
	.wrap .table-wrap table {margin-top: 1.81vw}
	.wrap .table-wrap table caption {margin-bottom: 0.42vw;}

	/*이웃돕기 성금*/
	.wrap  .sec-full .static-chart .desc {margin-top: 1.67vw;}


	/*나눔 한 일*/
	.panel-board > div{min-height : 29.17vw;}
	.panel-board > div + div{margin-top : 1.04vw;}
	.panel-board > div > div{width : calc((83.33vw - 2.08vw) / 3); min-height : 31.25vw; padding : 3.13vw 2.85vw; border: 1px solid #eff1f3;}
	.panel-board > div > div + div {margin-left : 1.04vw;}
	.panel-board > div > div > p{font-size : 1.25vw; margin-top : 0.35vw;}
	.panel-board > div > div > h6{font-size : 1.67vw; letter-spacing: -0.02em; margin-top : 0.69vw;}
	.panel-board > div > div > hr{margin : 1.81vw 0 0; height: 1px;}
	.panel-board .desc{margin-top : 0.83vw;}
	.panel-board .desc > p + p{margin-top : 0.69vw;}
	.panel-board .desc > p {text-indent: -1.18vw; padding-left: 1.18vw;}
	.panel-board .desc > p sup {font-size: 2.08vw; line-height: 1; margin-right: 0.76vw;}   
	
}

@media screen and (max-width: 1024px) and (min-width: 769px) {

	body .wrap .inner .pc-txt40 p,.pc-txt40{font-size : 28px;}
	body .wrap .inner .pc-txt32 p,.pc-txt32{font-size : 23px;}
	body .wrap .inner .pc-txt22 p,.pc-txt22{font-size : 16px;}
	body .wrap .inner .pc-txt18 p,.pc-txt18{font-size : 13px;}
	body .wrap .inner .pc-txt16 p,.pc-txt16{font-size : 11px;}

	/*나눔 한 일*/
	.panel-board > div > div > p{font-size : 13px;}
	.panel-board > div > div > h6{font-size : 17px;}
}

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

	body .wrap.sub .content .pb0 {padding-bottom: 0;}

	body .wrap .content .m-pt0{padding-top : 0;} 
	body .content .m-t-left{text-align: left;}
	body .wrap .content .m-txt72, body .wrap .content .m-txt72 p{font-size:6.64vw !important ;}
	body .wrap .content .m-txt60, body .wrap .content .m-txt60 p{font-size:5.60vw !important ;}
	body .wrap .content .m-txt48, body .wrap .content .m-txt48 p{font-size:4.43vw !important;}
	body .wrap .content .m-txt42, body .wrap .content .m-txt42 p{font-size:3.91vw !important ;}
	body .wrap .content .m-txt36, body .wrap .content .m-txt36 p{font-size:3.39vw !important ;}
	body .wrap .content .m-txt32, body .wrap .content .m-txt32 p{font-size:2.99vw !important ;}

	.static-chart .obj{width : 200.91vw;}
	.static_table{width : 167.32vw;}

	body .wrap.sub.management-info-wrap .content .overview .inner .desc {margin-top: 3.26vw;}
	body .wrap.sub.management-info-wrap .content .overview .inner .desc p {font-size: 4.43vw; line-height: 1.59;}

	/*사회공헌 활동 성과*/
	.wrap .table-wrap table caption {text-align: left;}
	/* .wrap .table-wrap table col:nth-child(1) {width: 28.64%;}
	.wrap .table-wrap table col:nth-child(2) {width: 23.74%;}
	.wrap .table-wrap table col:nth-child(3) {width: 25.29%;}
	.wrap .table-wrap table col:nth-child(4) {width: 22.33%;} */
	.wrap .table-wrap table thead th {font-size: 3.91vw; line-height: 1.7;}
	.wrap .table-wrap table thead th:nth-child(1), .wrap .table-wrap table tbody tr td:nth-child(1) {padding: 3.39vw 0 2.99vw 0;}
	.wrap .table-wrap .caption {font-size: 3.39vw; line-height: 2.08; letter-spacing: -0.02em; margin: 5.21vw 0 1.82vw 3.52vw; color: #4f5254;}


	/*나눔 한 일*/
	.panel-board > div{padding : 0 4.17vw;}
	.panel-board > div + div{margin-top : 0; margin-top : 3.91vw;}
	.panel-board > div > div{width : 100%; background : #fff;   padding : 7.94vw 8.20vw;}
	.panel-board > div > div + div {margin-left : 0; margin-top : 3.91vw;}
	.panel-board > div > div > p{font-size : 3.91vw; margin-top : 0.52vw; font-weight : 700}
	.panel-board > div > div > h6{font-size : 5.21vw; margin-top : 2.08vw;}
	.panel-board > div > div > hr{margin : 4.69vw 0 0;height:0.13vw;border:none;background:#bebebe;}
	.panel-board .desc{margin-top : 4.30vw; font-size : 3.91vw;}
	.panel-board .desc > p {font-size: 3.91vw; line-height: 1.7; text-indent: 0; padding-left: 3.78vw;}
	.panel-board .desc > p + p{margin-top : 3.39vw;}
	.panel-board .desc > p sup {display: none;}

	.panel-board .m-has-mark p {position: relative; }
	.panel-board .m-has-mark p:before {position: absolute; content:'ㆍ'; top: -0.78vw; left: -2.86vw; color: var(--logoRed); font-size: 7.81vw; line-height: 1;}

	body .wrap.sub.management-info-wrap .content .overview {padding-bottom: 15.10vw;}
	body .wrap.sub.management-info-wrap .content .sec-table {padding-top: 16.41vw;}
	.wrap.sub section.overview.bottom-line:after {width: 80.73vw; bottom: -15.10vw;}
}