@charset "utf-8";

/* 다양성과 포용성 */
.content.management_di > .cont {padding:56px 0 0}
.content.management_di .cont_tit_small {color:#777; font-size:14px; line-height:27px; text-align: center;}
.content.management_di .visual_text {width:100%; padding:48px 20px 20px}
.content.management_di .visual_text img {width: 100%;}

.content.management_di .directional_area {background-color: #EFF6FC;}
.content.management_di .directional_area .list {display: flex; margin-top: 40px; margin-left:-26px}
.content.management_di .directional_area .list li {width: 33.3%; padding-left:26px}
.content.management_di .directional_area .list li .img img {width:100%}
.content.management_di .directional_area .list li dl {height: 160px; padding:28px 20px 40px; text-align: center; background:#fff;}
.content.management_di .directional_area .list li dl dt {font-size:24px; font-weight:500; line-height: 34px;}
.content.management_di .directional_area .list li dl dd {color:#777; font-size:16px; line-height: 26px; margin-top: 8px;}

.content.management_di .effort_area {background:url('/images/esg/bg_effort.jpg') center top no-repeat}
.content.management_di .effort_area .cont_tit {color: #fff;}
.content.management_di .effort_area .list {display: flex; margin-top: 40px; margin-left:-26px}
.content.management_di .effort_area .list li {width: 33.3%; padding-left:26px}
.content.management_di .effort_area .list li .box {min-height:380px; text-align:center; border: 1px solid rgba(255,255,255,0.9); padding:56px 40px 36px}
.content.management_di .effort_area .list li .box dt {color:#fff; font-size: 24px; line-height: 36px;}
.content.management_di .effort_area .list li .box dt strong {display:block; font-size: 24px; font-weight: 700;}
.content.management_di .effort_area .list li .box dd {position:relative; color:#fff; font-size:16px; line-height: 26px; padding-top: 58px;}
.content.management_di .effort_area .list li .box dd::before {content:''; position:absolute; left:50%; top:25px; display:block; width:8px; height:8px; border-radius: 100%; margin-left:-4px; background:#fff}

/* 주요ESG활동 */
.esg-act-wrap .cont {padding-top:0;}
/*
.esg-act-wrap .thumb_list_area ul.tab1 li a .thumb {background:url('/images/esg/noimg_e.jpg') no-repeat; background-size:100% auto;}
.esg-act-wrap .thumb_list_area ul.tab2 li a .thumb {background:url('/images/esg/noimg_s.jpg') no-repeat; background-size:100% auto;}
.esg-act-wrap .thumb_list_area ul.tab3 li a .thumb {background:url('/images/esg/noimg_g.jpg') no-repeat; background-size:100% auto;}
*/
.esg-act-wrap .thumb_list_area ul li a .thumb img {width:101%}
.esg-act-wrap .bbs_detail .bbs-view-content img {width:100% !important; height:auto;}
.esg-act-wrap .bbs_detail .bbs-view-content.ck-content .image {width:100%}
.esg-act-wrap .bbs_detail .bbs-view-content.ck-content * {color:#777; font-size:18px; line-height:28px;}
.esg-act-wrap .bbs_detail .bbs-view-content .media {position:relative; padding-top:56%;}
.esg-act-wrap .bbs_detail .bbs-view-content .media iframe {position:absolute; left:0; top:0; width:100%; height:100%; min-height:600px}
    
/* ESG소식 */
.esg_news .bbs_detail .bbs-view-content img {width:100% !important; height:auto;}
.esg_news .bbs_detail .bbs-view-content.ck-content .image {width:100%}

/* 윤리경영 */
.topArea .visual.esg_ethics {background-image:url('/images/esg/img_esg_ethics.jpg');}
.content.esg_ethics .sub-desc .point {font-size:24px; font-weight:500; color:#00498C}
.content.esg_ethics .text_box {color:#777; font-size:18px; line-height:28px; text-align:center; margin-top:40px; padding:22px 20px 20px; border:1px solid #D8D8D8}
.content.esg_ethics .ethics_list {display:flex; flex-wrap:wrap; margin-top:12px; margin-left:-12px;}
.content.esg_ethics .ethics_list li {width:33.3%; padding-left:12px; margin-bottom:12px}
.content.esg_ethics .ethics_list li .inner {height:100%; padding:36px 30px; text-align:center; background:#EFF6FC}
.content.esg_ethics .ethics_list li .inner img {width:72px}
.content.esg_ethics .ethics_list li:nth-child(even) .inner {background:#F3F4F6}
.content.esg_ethics .ethics_list li .inner .text {color:#454545; font-size:18px; line-height:28px; margin-top:20px}

.content.esg_ethics .ethics_banner {width:100%; height:420px; color:#fff; padding-top:80px; background:url('/images/esg/banner_ethics.png') center center no-repeat}
.content.esg_ethics .ethics_banner .inner {width:100%; max-width:1296px; padding:0 48px; margin:0 auto;}
.content.esg_ethics .ethics_banner .inner dl dt {font-size:32px; line-height:42px; letter-spacing:-0.02em; font-weight:700;}
.content.esg_ethics .ethics_banner .inner dl dd {font-size:18px; line-height:28px; margin-top:16px}
.content.esg_ethics .ethics_banner .inner a {position:relative; display:inline-block; color:#fff; font-size:17px; line-height:27px; margin-top:40px; padding:17px 47px 16px 25px; border:1px solid #fff}
.content.esg_ethics .ethics_banner .inner a::after {content:''; display:block; position:absolute; right:26px; top:50%; width:8px; height:8px; border-right:2px solid #fff; border-bottom:2px solid #fff; margin-top:-4px; transform: rotate(-45deg);}
.content.esg_ethics .ethics_banner .inner .etc {font-size:14px; margin-top:10px}

/* 재단활동소개 */
.topArea .visual.esg_welfare {background-image:url('/images/esg/img_esg_welfare.jpg');}
.content.esg_welfare .cont {padding-bottom:80px}
.content.esg_welfare .welfare_list li .inner {display:flex; width:100%; max-width:1296px; padding:80px 48px; margin:0 auto}
.content.esg_welfare .welfare_list li:first-child .inner {border-top:1px solid #000; margin:0 auto}
.content.esg_welfare .welfare_list li:nth-child(even) {background:#F3F4F6}

.content.esg_welfare .welfare_list li .title_area {width:300px; min-width:300px}
.content.esg_welfare .welfare_list li .title_area .title {color:#0D0D0D; font-size:28px; font-weight:500; line-height:40px; letter-spacing:-0.03em; margin-top:20px;}
.content.esg_welfare .welfare_list li .cont_area {width:100%}
.content.esg_welfare .welfare_list li .cont_area img {width:100%}
.content.esg_welfare .welfare_list li .cont_area .text {color:#454545; font-size:18px; line-height:28px; margin-top:40px} 



@media all and (max-width:960px) {
	/* 다양성과 포용성 */
	.content.management_di > .cont {padding:12.5vw 0 0}
	.content.management_di .cont_tit_small {color:#777; font-size:3.611vw; line-height:6.111vw; text-align: center;}
	.content.management_di .visual_text {width:100%; padding:10vw 6.667vw 6.667vw}
	.content.management_di .visual_text img {width: 100%;}
	
	.content.management_di .directional_area {background-color: #EFF6FC;}
	.content.management_di .directional_area .list {display: block; margin-top: 5.556vw; margin-left:0}
	.content.management_di .directional_area .list li {width: 100%; padding-left:0; margin-bottom:3.333vw}
	.content.management_di .directional_area .list li .img img {width:100%}
	.content.management_di .directional_area .list li dl {height: auto; padding:6.667vw 8.889vw 7.778vw; text-align: center; background:#fff;}
	.content.management_di .directional_area .list li dl dt {font-size:5.278vw; font-weight:500; line-height: 8.056vw;}
	.content.management_di .directional_area .list li dl dd {color:#777; font-size:3.889vw; line-height: 6.111vw; margin-top: 2.222vw;}
	
	.content.management_di .effort_area {background:#003C73 url('/images/esg/bg_effort_m.jpg') center top no-repeat; background-size: cover;}
	.content.management_di .effort_area .cont_tit {color: #fff;}
	.content.management_di .effort_area .list {display: block; margin-top: 5.556vw; margin-left:0}
	.content.management_di .effort_area .list li {width: 100%; padding-left:0; margin-bottom:3.333vw}
	.content.management_di .effort_area .list li .box {height:auto; min-height:auto; text-align:center; border: 0.278vw solid rgba(255,255,255,0.9); padding:9.722vw 6vw}
	.content.management_di .effort_area .list li .box dt {color:#fff; font-size: 5.278vw; line-height: 8.056vw;}
	.content.management_di .effort_area .list li .box dt strong {display:block; font-size: 6.667vw; font-weight: 700;}
	.content.management_di .effort_area .list li .box dd {position:relative; color:#fff; font-size:3.889vw; line-height: 6.111vw; padding-top: 10vw;}
	.content.management_di .effort_area .list li .box dd::before {content:''; position:absolute; left:50%; top:4.333vw; display:block; width:2.222vw; height:2.222vw; border-radius: 100%; margin-left:-1.111vw; background:#fff}  
	
	/* 주요ESG활동 */
	.esg-act-wrap .bbs_detail .bbs-view-content .media iframe {min-height:300px}
	.esg-act-wrap .bbs_detail .bbs-view-content.ck-content * {font-size: 4.44vw; line-height: 7.22vw;}

	/* 윤리경영 */
	.content.esg_ethics .sub-desc .point {font-size:5.27vw;}
	.content.esg_ethics .text_box {color:#777; font-size:4.17vw; line-height:6.11vw; text-align:center; letter-spacing: -0.02em; margin-top:5.56vw; padding:3.89vw; border:0.28vw solid #D8D8D8}
	.content.esg_ethics .ethics_list {display:block; margin-top:2.22vw; margin-left:0;}
	.content.esg_ethics .ethics_list li {width:100%; padding-left:0; margin-bottom:2.22vw}
	.content.esg_ethics .ethics_list li .inner {height:100%; padding:6.67vw 4.556vw; text-align:center; background:#EFF6FC}
	.content.esg_ethics .ethics_list li .inner img {width:60px}
	.content.esg_ethics .ethics_list li .inner .text {font-size:4.444vw; line-height:7.22vw; margin-top:2.78vw; letter-spacing: -0.02em;}
	
	.content.esg_ethics .ethics_banner {width:100%; height:143.06vw; color:#fff; text-align:center; padding-top:13.89vw; background:url('/images/esg/banner_ethics_m.png') center center no-repeat; background-size:100% auto;}
	.content.esg_ethics .ethics_banner .inner {width:100%; max-width:100%; padding:0 9.72vw; margin:0 auto;}
	.content.esg_ethics .ethics_banner .inner dl dt {font-size:6.11vw; line-height:8.33vw; letter-spacing:-0.02em; font-weight:700;}
	.content.esg_ethics .ethics_banner .inner dl dd {font-size:4.17vw; line-height:6.11vw; margin-top:2.78vw}
	.content.esg_ethics .ethics_banner .inner a {position:relative; display:inline-block; color:#fff; font-size:4.17vw; line-height:6.94vw; margin-top:5.56vw; padding:3.61vw 11.94vw 3.89vw 6.11vw; border:0.28vw solid #fff}
	.content.esg_ethics .ethics_banner .inner a::after {content:''; display:block; position:absolute; right:5.28vw; top:50%; width:2.22vw; height:2.22vw; border-right:0.56vw solid #fff; border-bottom:0.56vw solid #fff; margin-top:-1.11vw; transform: rotate(-45deg);}
	.content.esg_ethics .ethics_banner .inner .etc {font-size:3.61vw; margin-top:1.11vw}
	
	/* 재단활동소개 */
	.content.esg_welfare .cont {padding: 12.5vw 2vw 11.11vw}
	.content.esg_welfare .welfare_list li {padding:0 6.67vw}
	.content.esg_welfare .welfare_list li .inner {display:block; width:100%; max-width:100%; padding:11.11vw 0; margin:0 auto}
	.content.esg_welfare .welfare_list li:first-child .inner {border-top:0.28vw solid #000; margin:0 auto}
	.content.esg_welfare .welfare_list li:nth-child(even) {background:#F3F4F6}
	
	.content.esg_welfare .welfare_list li .title_area {width:100%; min-width:100%}
	/*.content.esg_welfare .welfare_list li .title_area .number img {width:29.44vw}*/
	.content.esg_welfare .welfare_list li .title_area .title {color:#0D0D0D; font-size:6.11vw; font-weight:500; line-height:8.89vw; letter-spacing:-0.03em; margin-top:1.67vw; padding-bottom:5.56vw}
	.content.esg_welfare .welfare_list li .cont_area img {width:100%}
	.content.esg_welfare .welfare_list li .cont_area .text {color:#454545; font-size:4.44vw; line-height:7.22vw; margin-top:5.56vw}	

}