@charset "UTF-8";

#sustain h2{font-size:28px; line-height:1.4; padding:28px 20px 36px;}
#sustain .sustain_wrap {margin-top: 104px; padding: 0 20px;}
#sustain .sustain_wrap.environment {margin-top: 50px;}
#sustain .sustain_wrap .sustain_wrap_cont {opacity:0; transition: all 0.8s ease; position:relative; top:40px;}
#sustain .sustain_wrap .sustain_wrap_cont + .sustain_wrap_cont {margin-top: 60px;}
#sustain .sustain_tit {font-size: 20px; font-weight: 700;}
#sustain .sustain_txt {margin-top: 15px;}
#sustain .sustain_txt > p {font-size: 14px; color: #999; line-height: 1.5; word-break: break-all;}
#sustain .strategy_box {border-top: 1px solid #0C2340; background-color: #F9F9F9; margin-top: 50px; padding: 55px 5px 35px; box-sizing: border-box; position: relative;}
#sustain .strategy_box .strategy_box_tit {display: inline-block; font-size: 18px; font-weight: 700; border: 1px solid #0C2340; background-color: #fff; padding: 10px; box-sizing: border-box; position: absolute; top: -20px; left: 50%; transform: translateX(-50%);}
#sustain .strategy_box .strategy_box_cont.vision {text-align: center; font-weight: 700; line-height: 1.5;}
/* 24.02.05 Size 수정 요청 */
/* #sustain .strategy_box .strategy_box_cont.vision p {font-size: 22px;} */
#sustain .strategy_box .strategy_box_cont.vision p {font-size: 20px;}
#sustain .strategy_box .strategy_box_cont.vision span {display: inline-block; font-size: 20px; color: #fff; background-color: #0C2340; margin-top: 20px; padding: 10px 15px; box-sizing: border-box;}
#sustain .strategy_box .direction_cont {position: relative;}
#sustain .strategy_box .direction_cont::before,
#sustain .strategy_box .direction_cont::after {content: ''; width: 30px; height: 2px; background-color: #999; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);}
#sustain .strategy_box .direction_cont::before {transform: translateX(-50%) rotate(90deg);}
#sustain .strategy_box .direction_cont:last-child::before,
#sustain .strategy_box .direction_cont:last-child::after {content: none;}
#sustain .strategy_box .direction_cont + .direction_cont {margin-top: 60px;}
#sustain .strategy_box .direction_cont .round_box {display: flex; flex-flow: column wrap; justify-content: center; width: 235px; height: 235px; font-weight: 700; color: #fff; border-radius: 50%; background-color: #0C2340; margin: 0 auto;}
#sustain .strategy_box .direction_cont .round_box p {align-self: center; font-size: 60px; padding-bottom: 5px; position: relative;}
#sustain .strategy_box .direction_cont .round_box p::after {content: ''; width: 140px; height: 1px; background-color: #fff; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
#sustain .strategy_box .direction_cont .round_box span {display: block; align-self: center; font-size: 20px; margin-top: 20px;}
#sustain .strategy_box .direction_cont .direction_cont_txt {font-size: 16px; text-align: center; line-height: 1.5; margin-top: 15px;}
#sustain .strategy_box .assignment_list {width: 300px; margin: 0 auto;}
#sustain .strategy_box .assignment_list + .assignment_list {margin-top: 20px;}
#sustain .strategy_box .assignment_list_tit {display: flex; flex-flow: row wrap; justify-content: flex-start; width: 100%; height: 60px; background-color: #0C2340; padding: 15px 25px; box-sizing: border-box;}
#sustain .strategy_box .assignment_list_tit span {align-self: center; font-size: 16px; font-weight: 700; color: #fff; position: relative;}
#sustain .strategy_box .assignment_list_tit span + span {margin-left: 20px;}
#sustain .strategy_box .assignment_list_tit span:first-child::after {content: ''; width: 1px; height: 85%; background-color: #fff; position: absolute; top: 0; right: -10px;}
#sustain .strategy_box .assignment_list_items {width: 100%; background-color: #fff; padding: 25px; box-sizing: border-box;}
#sustain .strategy_box .assignment_list_items li {font-size: 14px; padding-left: 20px; position: relative;}
#sustain .strategy_box .assignment_list_items li::before {content: ''; font-size: inherit; position: absolute; top: 0; left: 0;}
#sustain .strategy_box .assignment_list_items li[data-mark="1"]::before {content: '①';}
#sustain .strategy_box .assignment_list_items li[data-mark="2"]::before {content: '②';}
#sustain .strategy_box .assignment_list_items li[data-mark="3"]::before {content: '③';}
#sustain .strategy_box .assignment_list_items li + li {margin-top: 11px;}
#sustain .affiliate_list {width: 100%; position: relative;}
#sustain .affiliate_list li {width: 100%; background-color: #F9F9F9; padding: 30px; box-sizing: border-box;}
#sustain .affiliate_list li + li {margin-top: 20px;}
#sustain .affiliate_list li em {display: block; width: 148px; height: 28px;}
#sustain .affiliate_list li:nth-child(1) em {background: url('/img/career_logo_01.png') no-repeat center; background-size: cover;}
#sustain .affiliate_list li:nth-child(2) em {background: url('/img/career_logo_03.png') no-repeat center; background-size: cover;}
#sustain .affiliate_list li:nth-child(3) em {background: url('/img/career_logo_08.png') no-repeat center; background-size: cover;}
#sustain .affiliate_list li:nth-child(4) em {background: url('/img/career_logo_02.png') no-repeat center; background-size: cover;}
#sustain .affiliate_list li:nth-child(5) em {background: url('/img/career_logo_10.png') no-repeat center; background-size: cover;}
#sustain .affiliate_list li p {font-size: 14px; font-weight: 500; line-height: 1.5; margin-top: 20px;}
#sustain .sustain_tab_menu {margin: 70px 20px 0 20px; }
#sustain .sustain_tab_menu ul {display: flex; flex-flow: row nowrap; justify-content: flex-start;}
/* #sustain .sustain_tab_menu li + li {margin-left: 5px;} */
#sustain .sustain_tab_menu li a {display: block; font-size: 14px; font-weight: 700; background-color: #eee; padding: 10px 20px; box-sizing: border-box;}
#sustain .sustain_tab_menu li a.on {color: #fff; background-color: #0C2340;}
#sustain .environment_subtit { display:flex; justify-content:flex-end; font-size: 16px; font-weight: 700; line-height:1; position: relative;}
#sustain .environment_subtit .right_align { font-size:14px; color: #999; line-height:1; font-weight: 400; }
#sustain .environment_info > p {font-size: 14px; color: #999; line-height: 1.5;}
#sustain .environment_result {margin-top: 40px; overflow: hidden;}
#sustain .environment_result ul {margin-top: 5px;}
#sustain .environment_result_items {display: flex; flex-flow: column wrap; height: 240px; background-color: #F9F9F9; padding: 30px; box-sizing: border-box;}
#sustain .result_items_list { display:flex; flex-wrap:wrap; gap:6px 3px; margin-bottom:64px; }
#sustain .result_items_company {display: inline-block; font-size: 12px; color: #666; border: 1px solid #ddd; padding: 5px 6px; box-sizing: border-box;}
#sustain .result_items_tit { font-size:22px; font-weight: 700; }
#sustain .result_items_txt { font-size:14px; font-weight: 700; margin-top:5px; }
.en #sustain .result_items_company { font-size:10px; }
.en #sustain .environment_result_items { height:260px; }
.en #sustain .result_items_list { margin-bottom:32px; }
.en #sustain .result_items_tit { font-size:18px; }
.en #sustain .result_items_txt { font-size:14px; }
#sustain .result_items_txt .arrow_right {display: inline-block; width: 18px; height: 22px; background: url('/img/ico_arrow_right_oneline.svg') no-repeat center; background-size: contain; position: relative; top: 17px; left: 3px;}
.en #sustain .result_items_txt .arrow_right {top: 13px;}
#sustain .noti_txt {font-size: 12px; color: #999; line-height: 1.5; margin-top: 5px;}
#sustain .sustain-select-box .select_btn {width: 100%; background-color: #F9F9F9; margin-top: 12px; padding: 15px 98px 14px 16px; position: relative; transition: .4s;}
#sustain .sustain-select-box .select_btn::before {content: ''; width: 24px; height: 24px; background: url('../img/ico_dropdown_gray.png') no-repeat; background-size: 24px 24px; position: absolute; top: 12px; right: 16px; transform: rotate(0); transition: all .3 ease-in-out;}
#sustain .sustain-select-box .select_btn .txt {display: block; font-size: 14px; font-weight: 700; line-height: 1.4; text-align: left;}
#sustain .report_tit {font-size: 20px; font-weight: 700;}
#sustain .report_select .select_btn{font-size:14px;line-height:1.4;display:block;padding:15px 98px 14px 16px;background-color:#f9f9f9;font-weight:700;position:relative;width:100%;margin-top:12px;text-align:left;transition: .4s;}
#sustain .report_select .select_btn.on{background-color: #eee;}
#sustain .report_select .select_btn:before{content:'';position:absolute;background:url('../img/ico_dropdown_gray.png')no-repeat;background-size:24px 24px;top:12px;right:16px;width:24px;height:24px;transition: all 0.3s ease-in-out;transform: rotate(0);}
#sustain .report_select .select_btn.on:before{transform: rotate(-180deg);}
#sustain .select_box{width:100%;background-color:#f9f9f9;display:none; position: absolute; transition: ease .4s;max-height:200px;overflow-y:scroll;overflow-x:hidden; z-index:1;}
#sustain .report_select .select_box.other{width:calc(100% - 40px);}
#sustain .report_select .select_box.open {display: block;}
#sustain .report_select .select_box li button{display:block;font-size:14px;line-height:1.5; padding: 13px 0; width: calc(100% - 28px); margin: 0 auto; text-align: left; font-weight: 700; box-sizing: border-box; border-bottom: 1px solid #eee;color: #999;}
#sustain .report_select .select_box li:last-of-type button{border-bottom: none;}
#sustain .report_list figcaption {font-size: 16px; font-weight: 700; text-align: right; margin-top: 20px;}
#sustain .report_list .down_btn_box {width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; margin-top: 10px;}
#sustain .report_list .down_btn_box a {display: block; width: 48%; font-size: 14px; font-weight: 700; background: url('../img/ico_download.png') no-repeat 90% 50%; background-size: 32px 32px; border: 1px solid #eee; padding: 15px 0 15px 18px;}
#sustain .subsidiary_report ul {width: 100%; position: relative;}
#sustain .subsidiary_report ul li {width: 100%;}
#sustain .subsidiary_report ul li + li {margin-top: 10px;}
#sustain .subsidiary_report ul li a {display: flex; flex-flow: row wrap; justify-content: space-between; background-color: #f9f9f9; padding: 20px 24px;}
#sustain .subsidiary_report ul li em {display: block; align-self: center; width: 160px; height: 35px;}
#sustain .subsidiary_report ul li em.enc {background: url('../img/logo_careersInfo01_1_b.png') no-repeat center; background-size: cover;}
#sustain .subsidiary_report ul li em.che {background: url('../img/logo_careersInfo02_1_b.png') no-repeat center; background-size: cover;}
#sustain .subsidiary_report ul li em.con {background: url('../img/logo_careersInfo01_2_b.png') no-repeat center; background-size: cover;}
#sustain .subsidiary_report ul li .ico-arrow-right {display: block; align-self: center; width: 36px; height: 36px; background: url('/img/ico_right_arrrow_blue.png') no-repeat center; background-size: cover;}
#sustain .table-cont table.environment_table_type01 thead tr th:nth-child(n + 2),
#sustain .table-cont table.environment_table_type01 tbody tr:nth-child(odd) td:nth-child(n + 3),
#sustain .table-cont table.environment_table_type01 tbody tr:nth-child(even) td:nth-child(n + 2) {text-align: center;}
.en #sustain .table-cont table.environment_table_type01 tbody tr:last-child td:nth-child(2) {text-align: left;}
#sustain .table-cont table.environment_table_type02 thead tr th:nth-child(n + 2),
#sustain .table-cont table.environment_table_type02 tbody tr td:nth-child(n + 2) {text-align: center;}
#sustain .table-cont table.environment_table_type03 thead tr th:not(:first-child),
#sustain .table-cont table.environment_table_type03 tbody tr td {text-align: center;}
#sustain .blank {display: inline-block; width: 8.5px;}

/* 24.03.20 - 주요성과 mobile css */
#sustain .sustain_tab_menu { position:relative; }
#sustain .sustain_tab_menu .select_btn{font-size:14px;line-height:1.4;display:block;padding:15px 98px 14px 16px;background-color:#f9f9f9;font-weight:700;position:relative;width:100%;margin-top:12px;text-align:left;transition: .4s;}
#sustain .sustain_tab_menu .select_btn.on{background-color: #eee;}
#sustain .sustain_tab_menu .select_btn:before{content:'';position:absolute;background:url('../img/ico_dropdown_gray.png')no-repeat;background-size:24px 24px;top:12px;right:16px;width:24px;height:24px;transition: all 0.3s ease-in-out;transform: rotate(0);}
#sustain .sustain_tab_menu .select_btn.on:before{transform: rotate(-180deg);}
#sustain .sustain_tab_menu .select_box{width:100%;background-color:#f9f9f9;display:none; position: absolute; top:60px; transition: ease .4s;max-height:200px;overflow-y:scroll;overflow-x:hidden;}
#sustain .sustain_tab_menu .select_box.open {display: block;}
#sustain .sustain_tab_menu .select_box li button{display:block;font-size:14px;line-height:1.5; padding: 13px 0; width: calc(100% - 28px); margin: 0 auto; text-align: left; font-weight: 700; box-sizing: border-box; border-bottom: 1px solid #eee;color: #999;}
#sustain .sustain_tab_menu .select_box li:last-of-type button{border-bottom: none;}

/* 24.04.03 - ESG관련 mobile 수정 css */
#sustain .table-cont h4 { display:flex; justify-content:space-between; align-items:flex-end; }
#sustain .table-cont h4 .right_align { font-size:14px; color:#999; font-weight: 400; text-align:right; white-space:nowrap; }

/* Size Up */
body.medium #sustain .result_items_company,
body.medium #sustain .noti_txt {font-size: 14px;}
body.medium #sustain .sustain_txt > p,
body.medium #sustain .strategy_box .assignment_list_items li,
body.medium #sustain .affiliate_list li p,
body.medium #sustain .environment_subtit .right_align,
body.medium #sustain .environment_info > p,
body.medium #sustain .result_items_txt,
body.medium #sustain .table-cont h4 .right_align {font-size: 16px;}
body.medium #sustain .strategy_box .direction_cont .direction_cont_txt,
body.medium #sustain .strategy_box .assignment_list_tit span,
body.medium #sustain .environment_subtit,
body.medium #sustain .report_list figcaption {font-size: 18px;}
body.medium #sustain .strategy_box .strategy_box_cont.vision span,
body.medium #sustain .sustain_tit,
body.medium #sustain .strategy_box .strategy_box_cont.vision p,
body.medium #sustain .report_tit {font-size: 22px;}
body.medium #sustain .result_items_tit {font-size: 24px;}
body.medium #sustain .strategy_box .strategy_box_tit {font-size: 20px; top: -22px;}
body.medium #sustain .environment_result_items {height: 280px;}
body.medium #sustain .blank {width: 9.5px;}
.en body.medium #sustain .result_items_company { font-size:12px; }
.en body.medium #sustain .environment_result_items { height:300px; }
.en body.medium #sustain .result_items_tit { font-size:20px; }
.en body.medium #sustain .result_items_txt { font-size:15px; }

body.large #sustain .result_items_company,
body.large #sustain .noti_txt {font-size: 16px;}
body.large #sustain .sustain_txt > p,
body.large #sustain .strategy_box .assignment_list_items li,
body.large #sustain .affiliate_list li p,
body.large #sustain .environment_subtit .right_align ,
body.large #sustain .environment_info > p,
body.large #sustain .result_items_txt,
body.large #sustain .table-cont h4 .right_align {font-size: 18px;}
body.large #sustain .strategy_box .direction_cont .direction_cont_txt,
body.large #sustain .strategy_box .assignment_list_tit span,
body.large #sustain .environment_subtit,
body.large #sustain .report_list figcaption {font-size: 20px;}
body.large #sustain .strategy_box .strategy_box_cont.vision span,
body.large #sustain .sustain_tit,
body.large #sustain .strategy_box .strategy_box_cont.vision p,
body.large #sustain .report_tit {font-size: 24px;}
body.large #sustain .result_items_tit {font-size: 26px;}
body.large #sustain .strategy_box .strategy_box_tit {font-size: 24px; top: -26px;}
body.large #sustain .strategy_box .assignment_list_tit span:first-child::after {right: -5px;}
body.large #sustain .strategy_box .assignment_list_tit span + span {margin-left: 10px;}
body.large #sustain .environment_result_items {height: 320px;}
body.large #sustain .blank {width: 10.5px;}
.en body.large #sustain .result_items_company { font-size:14px; }
.en body.large #sustain .environment_result_items { height:320px; }
.en body.large #sustain .result_items_tit { font-size:22px; }
.en body.large #sustain .result_items_txt { font-size:17px; }

/* dark */
.dark #sustain h2,
.dark #sustain .sustain_tit,
.dark #sustain .strategy_box .strategy_box_cont.vision p,
.dark #sustain .strategy_box .assignment_list_items li,
.dark #sustain .environment_subtit,
.dark #sustain .result_items_company,
.dark #sustain .result_items_tit,
.dark #sustain .result_items_txt,
.dark #sustain .report_list figcaption {color:#fff}
.dark #sustain .sustain_txt > p,
.dark #sustain .environment_info > p,
.dark #sustain .noti_txt {color: #666;}
.dark #sustain .strategy_box {border-color: #fff; background-color: #333;}
.dark #sustain .strategy_box .strategy_box_tit {color: #fff; border-color: #fff; background-color: #111;}
.dark #sustain .strategy_box .strategy_box_cont.vision span {color: #111; background-color: #fff;}
.dark #sustain .strategy_box .direction_cont .round_box {color: #111; background-color: #fff;}
.dark #sustain .strategy_box .direction_cont .round_box p::after {background-color: #111;}
.dark #sustain .strategy_box .direction_cont .direction_cont_txt {color: #fff;}
.dark #sustain .strategy_box .assignment_list_tit {background-color: #fff;}
.dark #sustain .strategy_box .assignment_list_tit span {color: #111;}
.dark #sustain .strategy_box .assignment_list_items,
.dark #sustain .strategy_box .assignment_list_tit span:first-child::after {background-color: #111;}
.dark #sustain .affiliate_list li {color: #fff; background-color: #333;}
.dark #sustain .affiliate_list li:nth-child(1) em {background: url('/img/career_logo_01_on.png') no-repeat center; background-size: cover;}
.dark #sustain .affiliate_list li:nth-child(2) em {background: url('/img/career_logo_03_on.png') no-repeat center; background-size: cover;}
.dark #sustain .affiliate_list li:nth-child(3) em {background: url('/img/career_logo_08_on.png') no-repeat center; background-size: cover;}
.dark #sustain .affiliate_list li:nth-child(4) em {background: url('/img/career_logo_02_on.png') no-repeat center; background-size: cover;}
.dark #sustain .affiliate_list li:nth-child(5) em {background: url('/img/career_logo_10_on.png') no-repeat center; background-size: cover;}
.dark #sustain .sustain_tab_menu li a {color: #fff; background-color: #444;}
.dark #sustain .sustain_tab_menu li a.on {color: #111; background-color: #fff;}
.dark #sustain .environment_result_items {background-color: #333;}
.dark #sustain .environment_result .result_items_txt .arrow_right {filter: invert(99%) sepia(91%) saturate(1%) hue-rotate(14deg) brightness(106%) contrast(100%);}
.dark #sustain .report_list .down_btn_box a {color: #fff; background: url('../img/ico_download_white.png') no-repeat 90% 50%; background-size: 32px 32px; border-color: #444;}
.dark #sustain .subsidiary_report ul li a {background-color: #444;}
.dark #sustain .subsidiary_report ul li em.enc {background: url('../img/logo_careersInfo01_1_w.png') no-repeat center; background-size: cover;}
.dark #sustain .subsidiary_report ul li em.che {background: url('../img/logo_careersInfo02_1_w.png') no-repeat center; background-size: cover;}
.dark #sustain .subsidiary_report ul li em.con {background: url('../img/logo_careersInfo01_2_w.png') no-repeat center; background-size: cover;}
.dark #sustain .subsidiary_report ul li .ico-arrow-right {background: url('/img/ico_right_arrrow_white.png') no-repeat center; background-size: cover;}