.visual{background: url('../images/v_05.jpg') no-repeat; background-position: center;}

.banner{width:1400px;height:484px;margin: 60px auto 0;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;background-repeat:no-repeat;background-position:center center;}
.banner h1{font-weight:bold;font-size:40px;line-height:55px;letter-spacing:-0.05em}
.banner p{display:block;margin:30px 0 0 40px;font-size:20px;font-weight:400;color:#fff;line-height:30px;letter-spacing:-0.05em;}

.cont_tit .cont_tit_center{width:1400px;margin:0 auto;flex-wrap: wrap;height:98px;}
.cont_tit .cont_tit_center a{height:98px;margin:0 40px 0 39px;text-align:center;line-height:24px;display:flex;justify-content:center;align-items:center;}
.cont_tit .cont_tit_center a.active:after{padding-bottom:0;width:calc(100% + 14px);left:-7px;bottom:0;}


/* bgbox_contet_type */
.bgbox_contet_type{background:#f8f8f8;padding:98px 0 104px;margin:150px auto 0;width:1400px; }
.bgbox_contet_type .title_area{text-align:center;}/* display: flex;flex-direction: column; */
.bgbox_contet_type .title_area .title{display:inline-block;font-size:40px;letter-spacing:-0.05em;vertical-align:middle}
.bgbox_contet_type .title_area .title span{font-weight:400}
.bgbox_contet_type .title_area .btn_download{margin-left:15px; vertical-align:middle;}/*  margin-top: 24px; */
.bgbox_contet_type .title_area .subtext{margin-top:28px;font-size:18px;line-height:28px;letter-spacing:-0.05em;color:#444}
/* list_icon_box_type */
.list_icon_box_type ul{width:1400px;margin:0 auto}
.list_icon_box_type ul> li{display:flex;justify-content:flex-start;align-items:center;min-height:333px;background:#fff;}
.list_icon_box_type ul> li + li{margin-top:20px;}
.list_icon_box_type ul> li .title{width:656px;box-sizing:border-box;padding-left:325px;margin-bottom:6px;position:relative;}
.list_icon_box_type ul> li .title em{display:block;font-size:38px;line-height:46px;font-weight:700;letter-spacing:-0.04em;font-style:normal;}
.list_icon_box_type ul> li .title:before{content:'';display:block;position:absolute;left:125px;top:50%;transform:translateY(-50%);width:170px;height:170px;background-color:#e9f2f9;border-radius:50%;background-position:center center;background-repeat:no-repeat;}
.list_icon_box_type ul> li .title p{margin-top:20px;font-size:18px;line-height:28px;letter-spacing:-0.05em}
.list_icon_box_type ul> li .title .btn_download{margin-top:23px;}
.list_icon_box_type ul> li ol{padding:56px 0;}
.list_icon_box_type ul> li ol li{font-size:18px;color:#444;line-height:30px; padding-left: 35px;}
.list_icon_box_type ul> li ol li + li{margin-top:14px}
.list_icon_box_type ul> li ol li:before{display:inline;margin-right:15px;margin-left:-35px;font-weight:900;color:#ccc;font-size:20px;}
.list_icon_box_type ul> li ol li:nth-child(1):before{content:'01';}
.list_icon_box_type ul> li ol li:nth-child(2):before{content:'02';}
.list_icon_box_type ul> li ol li:nth-child(3):before{content:'03';}
.list_icon_box_type ul> li ol li:nth-child(4):before{content:'04';}
.list_icon_box_type ul> li ol li:nth-child(5):before{content:'05';}
.list_icon_box_type ul> li ol li:nth-child(6):before{content:'06';}
.list_icon_box_type ul> li ol li:nth-child(7):before{content:'07';}
/* list_icon_text_type */
.list_icon_text_type ul{width:1400px;margin:0 auto}
.list_icon_text_type ul > li{display:flex;justify-content:flex-start;align-items:center;min-height:210px;}
.list_icon_text_type ul > li + li{border-top:1px solid #e7e7e7;}
.list_icon_text_type ul > li .title{width:460px;box-sizing:border-box;padding:23px 30px 27px 205px;position:relative;}
.list_icon_text_type ul > li .title:before{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-position:0 0;}
.list_icon_text_type ul > li .title em{font-size:28px;line-height:40px;font-weight:700;letter-spacing:-0.05em;font-style:normal}
.list_icon_text_type ul > li .text{padding:40px 0;font-size:18px;line-height:28px;letter-spacing:-0.05em;color:#444}

.content_bg{margin-top:67px;padding:110px 0;background:#f8f8f8;}

/* 윤리경영 */
.ethical{padding-bottom:0;}/* 통합민원 생성시 padding-bottom:200px; */
.ethical .banner{background-image:url('../images/sustainability/ethical_banner.jpg');height:608px;background-size:cover}
.ethical .list_icon_box_type{margin-top:67px;padding:120px 0;background:#f8f8f8}
.ethical .list_icon_box_type ul > li .title{width:606px; box-sizing:border-box;padding:56px 0 56px 272px;position:relative;}
.ethical .list_icon_box_type ul > li .title:before{content:'';display:block;position:absolute;left:77px;top:50%;transform:translateY(-50%);width:170px;height:170px;background-color:#e9f2f9;border-radius:50%;background-position:center center;background-repeat:no-repeat;}
.ethical .list_icon_box_type ul > li:nth-child(1) .title:before{background-image:url(../images/sustainability/ethical_icon_01.png);}
.ethical .list_icon_box_type ul > li:nth-child(2) .title:before{background-image:url(../images/sustainability/ethical_icon_02.png);}
.ethical .list_icon_box_type ul > li:nth-child(3) .title:before{background-image:url(../images/sustainability/ethical_icon_03.png);}
.ethical .list_icon_box_type ul > li:nth-child(4) .title:before{background-image:url(../images/sustainability/ethical_icon_04.png);}
.ethical .list_icon_box_type ul > li .btn_download{display:none}
.ethical .complaints_received{padding:60px 0 0;}
.ethical .complaints_received .box{width:1400px;height:357px;margin:0 auto;padding:114px 0 0 344px;;box-sizing:border-box;background:#f1f3f6;position:relative;}
.ethical .complaints_received .box em{font-size:32px;color:#2b4e6b;font-weight:700;letter-spacing:-0.05em;font-style:normal;}
.ethical .complaints_received .box p{margin-top:22px;font-size:18px;color:#444;line-height:30px;letter-spacing:-0.05em;}
.ethical .complaints_received .box:before{content:'';display:block;position:absolute;left:100px;top:50%;transform:translateY(-50%);width:200px;height:200px;border-radius:50%;background:#fff url(../images/sustainability/ethical_icon_05.png) no-repeat center center}
.ethical .complaints_received .box .btn_go{display:block;width:300px;height:94px;line-height:32px;border-radius:20px;background:#0071d7;position:absolute;top:149px;right:114px;font-size:22px;letter-spacing:-0.05em;color:#fff;text-align:center; }

.ethical_write .content01{width:1200px;margin:0 auto;padding-bottom:200px;}
.ethical_write .content01 .term_wrap .checkbox_ui{margin-top:10px;}

/* 윤리경영 팝업 */
#popEthical .pop_inner{width:840px;}
#popEthical .pop_content ul{padding-left:240px;background:url(../images/sustainability/ethical_pop_icon.png) no-repeat 74px 0;}
#popEthical .pop_content ul li{padding-left:10px;position:relative;font-size:18px;line-height:26px;letter-spacing:-0.05em;color:#000}
#popEthical .pop_content ul li:before{content:'';display:block;width:4px;height:4px;background:#a1a1a1;border-radius:2px;position:absolute;left:0;top:10px}
#popEthical .pop_content ul li + li{margin-top:5px;}

/* 품질경영 */
.quality.contents{padding-bottom:130px;}
.quality .banner{background-image:url('../images/sustainability/quality_banner.jpg');}
.quality .bgbox_contet_type .title_area .btn_download{margin:11px 0 0}
.quality .infographic .infor_equation{width: 1240px; margin: 69px auto 0;}
.quality .infographic .infor_equation:after{content:'';display:block;clear:both;}
.quality .infographic .infor_equation .circle{float:left;width:260px;height:260px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;font-size:28px;color:#fff;line-height:34px;text-align:center;font-weight:700;letter-spacing:-0.05em;margin-top:40px}
.quality .infographic .infor_equation .circle01{background:#0071d7;margin-left:70px;}
.quality .infographic .infor_equation .circle02{background:#1f4e7e;margin-left:70px;}
.quality .infographic .infor_equation .circle01:after{content:'';display:block;width:30px;height:30px;background:url(../images/sustainability/infographic_icon01.png) no-repeat 0 0;position:absolute;left:-50px;top:50%}
.quality .infographic .infor_equation .circle02:after{content:'';display:block;width:28px;height:28px;background:url(../images/sustainability/infographic_icon02.png) no-repeat 0 0;position:absolute;left:-50px;top:50%}
.quality .infographic .infor_equation ol{width:564px;float:left;}
.quality .infographic .infor_equation ol li{height:110px;padding:28px 0 28px 80px;box-sizing:border-box;border:1px solid #bcbcbc;line-height:30px;font-size:20px;border-radius:55px;font-weight:500;position: relative;}
.quality .infographic .infor_equation ol li + li{margin-top:14px;}
.quality .infographic .infor_equation ol li:before{display:block;position: absolute;left: 39px;top: 50%;transform:translateY(-50%); font-weight:900;color:#358cdb;}
.quality .infographic .infor_equation ol li:nth-child(1):before{content:'01';}
.quality .infographic .infor_equation ol li:nth-child(2):before{content:'02';}
.quality .infographic .infor_equation ol li:nth-child(3):before{content:'03';}
.quality .infographic .infor_equation ol li .c_point{color:#0071d7}
.quality .list_icon_text_type ul li:nth-child(1) .title:before{left:61px;width:88px;height:101px;background-image:url(../images/sustainability/quality_icon_01.png)}
.quality .list_icon_text_type ul li:nth-child(2) .title:before{left:66px;width:74px;height:87px;background-image:url(../images/sustainability/quality_icon_02.png)}
.quality .list_icon_text_type ul > li .text strong.c_point{color:#1f4e7e;}

/* 안전경영 */
.safety.contents{padding-bottom:200px;}
.safety .banner{background-image:url('../images/sustainability/safety_banner.jpg')}
.safety .bgbox_contet_type .title_area .btn_download{margin:11px 0 0}
.safety .list_icon_box_type ul > li .title{width:715px;}
.safety .list_icon_box_type ul > li:nth-child(1) .title:before{background-image:url(../images/sustainability/safety_icon_policy.png)}
.safety .list_icon_text_type ul > li:nth-child(1) .title:before{left:61px;width:95px;height:95px;background-image:url(../images/sustainability/safety_icon_activity_01.png)}
.safety .list_icon_text_type ul > li:nth-child(2) .title:before{left:66px;width:89px;height:91px;background-image:url(../images/sustainability/safety_icon_activity_02.png)}
.safety .list_icon_text_type ul > li:nth-child(3) .title:before{left:74px;width:84px;height:78px;background-image:url(../images/sustainability/safety_icon_activity_03.png)}
.safety .list_icon_text_type ul > li:nth-child(4) .title:before{left:69px;width:86px;height:91px;background-image:url(../images/sustainability/safety_icon_activity_04.png)}
.safety .list_icon_text_type ul > li:nth-child(5) .title:before{left:62px;width:93px;height:95px;background-image:url(../images/sustainability/safety_icon_activity_05.png)}
.safety .list_icon_text_type ul > li .text strong.c_point{color:#c52915;}

/* 환경경영 */
.environmental.contents{padding-bottom:130px;}
.environmental .banner{background-image:url('../images/sustainability/environmental_banner.jpg')}
.environmental .list_icon_box_type ul > li .title{width:760px;padding:56px 0 56px 265px;}
.environmental .list_icon_box_type ul > li .title:before{left:65px}
.environmental .list_icon_box_type ul > li:nth-child(1) .title:before{background-image:url(../images/sustainability/environmental_icon_policy.png)}
.environmental .bgbox_contet_type .cont{text-align:center;margin:110px 0 0;}
.environmental .bgbox_contet_type .cont img{width:auto}
.environmental .list_icon_text_type ul{width:1350px}
.environmental .list_icon_text_type ul > li .title{width:480px;padding-right:10px}
.environmental .list_icon_text_type ul > li:nth-child(1) .title:before{left:64px;width:97px;height:103px;background-image:url(../images/sustainability/environmental_icon_activity_01.png)}
.environmental .list_icon_text_type ul > li:nth-child(2) .title:before{left:63px;width:101px;height:81px;background-image:url(../images/sustainability/environmental_icon_activity_02.png)}
.environmental .list_icon_text_type ul > li:nth-child(3) .title:before{left:60px;width:88px;height:84px;background-image:url(../images/sustainability/environmental_icon_activity_03.png)}
.environmental .list_icon_text_type ul > li:nth-child(4) .title:before{left:59px;width:102px;height:100px;background-image:url(../images/sustainability/environmental_icon_activity_04.png)}
.environmental .list_icon_text_type ul > li:nth-child(5) .title:before{left:65px;width:100px;height:79px;background-image:url(../images/sustainability/environmental_icon_activity_05.png)}
.environmental .list_icon_text_type ul > li .text strong.c_point{color:#49a316}

/* 인권경영 */
.human_rights.contents{padding-bottom:130px;}
.human_rights .banner{background-image:url('../images/sustainability/human_rights_banner.jpg')}
.human_rights .list_icon_box_type ul> li{display:block;padding:130px 0 0;}
.human_rights .list_icon_box_type ul > li:nth-child(1) .title:before{background-image:url(../images/sustainability/human_rights_icon_policy.png);background-color:#f8f8f8}
.human_rights .list_icon_box_type ul> li .cont{text-align:center;padding:47px 0 150px;}
.human_rights .list_icon_box_type ul> li .cont img{width:auto}
.human_rights .list_icon_text_type ul{width:1280px}
.human_rights .list_icon_box_type ul> li .title{width: 780px;}
.human_rights .list_icon_text_type ul > li:nth-child(1) .title:before{left:61px;width:92px;height:81px;background-image:url(../images/sustainability/human_rights_icon_activity_01.png)}
.human_rights .list_icon_text_type ul > li:nth-child(2) .title:before{left:59px;width:95px;height:93px;background-image:url(../images/sustainability/human_rights_icon_activity_02.png)}
.human_rights .list_icon_text_type ul > li:nth-child(3) .title:before{left:63px;width:88px;height:72px;background-image:url(../images/sustainability/human_rights_icon_activity_03.png)}
.human_rights .list_icon_text_type ul > li .text strong.c_point{color:#e57923}

/* 사회공헌 */
.social_contribution .banner{background-image:url('../images/sustainability/social_contribution_banner.jpg')}
.social_contribution .content_bg{padding-bottom:200px;}
.social_contribution .list_icon_box_type ul> li .title{padding-left:275px;flex-grow:1;}
.social_contribution .list_icon_box_type ul > li:nth-child(1) .title:before{background-image:url(../images/sustainability/social_contribution_icon_policy.png);background-color:#e9f2f9;left:75px}

.social_contribution .list_icon_text_type{background:#fff;width:1400px;margin:0 auto}
.social_contribution .list_icon_text_type ul{padding:70px 60px 100px 70px;box-sizing:border-box;}
.social_contribution .list_icon_text_type ul > li .title{width:438px;padding-left:175px;}
.social_contribution .list_icon_text_type ul > li:nth-child(1) .title:before{left:33px;width:101px;height:87px;background-image:url(../images/sustainability/social_contribution_icon_activity_01.png)}
.social_contribution .list_icon_text_type ul > li:nth-child(2) .title:before{left:37px;width:90px;height:85px;background-image:url(../images/sustainability/social_contribution_icon_activity_02.png)}
.social_contribution .list_icon_text_type ul > li:nth-child(3) .title:before{left:40px;width:86px;height:109px;background-image:url(../images/sustainability/social_contribution_icon_activity_03.png)}
.social_contribution .list_icon_text_type ul > li:nth-child(4) .title:before{left:44px;width:88px;height:86px;background-image:url(../images/sustainability/social_contribution_icon_activity_04.png)}
.social_contribution .list_icon_text_type ul > li:nth-child(5) .title:before{left:38px;width:90px;height:112px;background-image:url(../images/sustainability/social_contribution_icon_activity_05.png)}
.social_contribution .list_icon_text_type ul > li:nth-child(6) .title:before{left:39px;width:90px;height:75px;background-image:url(../images/sustainability/social_contribution_icon_activity_06.png)}
.social_contribution .list_icon_text_type ul > li .text .c_point{color:#0071d7}
 
.esg_report.contents{padding-bottom:200px;}
.esg_report_view.contents{padding-bottom:200px;}
.esg_report_view .board_view_01{margin-top:90px}
.esg_report_view .btn_wrap{margin-top:60px;}