@charset "utf-8";

/* KDS */
:root {
  --text-primary: #191a1b;
  --text-secondary-01: #55585d;
  --text-secondary-02: #4A4C50;
  --text-tartiary-01: #6F737B;
  --text-feedback-critical-01: #e0282f;
  --border-secondary-01: #e9eaee;
  --border-secondary-02: #e9eaee;
  --border-feedback-critical: #e0282f;
  --border-general: #b8b9bd;
  --border-disabled-04: #D5D8DD;
  --border-header: #aaaaaa;
  --surface-on-white-inverse: #f8f9fa;
  --surface-tab-inactive: #e8e9f0;
  --fill-secondary-01: #E9EAEE;
  --accent-esg: #04a3bb;
  --link-primary: #005CCC;
  --text-inverse: #ffffff;
  --white: #ffffff;

  --font-kt-flow-bold: "KTFlow-Bold", sans-serif;
  --font-kt-flow-Medium: "KTFlow-Medium", sans-serif;
  --font-pretendard: "Pretendard", "Noto Sans KR", "Malgun Gothic", sans-serif;

  --max-width: 100%;/* 0831 */
  --content-width: 100%;/* 0831 */
}

.hgroup {margin: 33px 0 20px;}

.slider-tab.red-txt-slider .tab-list ul{width:100%;padding:0;display:flex;}
.slider-tab.red-txt-slider .tab-list ul li{flex:1;}
.slider-tab.red-txt-slider .tab-list ul li a{width:100%;font-family:var(--font-pretendard);}

.tabs .tab-list ~ .tab-contents {margin-top:0;padding-bottom:50px;font-family:var(--font-pretendard);letter-spacing:0;line-height:1.48;}
.tabs .tab-list ~ .tab-contents > div {display:block;}
.tabs .tab-list ~ .tab-contents .sub-title {margin-bottom:0;padding-top:0;padding-bottom:0;font-size:20px;color:var(--text-primary);}
.tabs .tab-list ~ .tab-contents .sub-desc {line-height:1.48;font-size:14px;font-weight:500;text-align:center;color:var(--text-secondary-01);}
.tabs .tab-list ~ .tab-contents .txt-desc {line-height:1.48;font-size:14px;font-weight:500;color:var(--text-secondary-01);}
.tabs .tab-list ~ .tab-contents .sub-title + div,
.tabs .tab-list ~ .tab-contents .sub-title + strong{margin-top:20px;}
.tabs .tab-list ~ .tab-contents .sub-title + p{margin-top:12px;}

.slider-tab.red-txt-slider .tab-contents{padding:40px 20px 0;}
.slider-tab.red-txt-slider .tab-contents:last-child{padding-bottom:20px;}
.slider-tab.red-txt-slider .tab-contents.padding0{padding:40px 0 0;}
.txt-desc{text-align:left;}
.txt-desc + .tablebox{margin-top:20px;}

.grayround-box-wrap{padding:40px 20px;text-align:center;border-radius:0;border:none;background:#F8F9FA;}
.tabs .tab-list ~ .tab-contents .grayround-box-wrap .sub-title-h3{text-align:center;}
.grayround-box-wrap .txt-desc{padding-left:0;padding-right:0;text-align:left;}
.list-cs-total{display:flex;flex-direction:column;gap:20px;}
.list-cs-total li{width:auto;height:auto;border:solid 1px #D5D8DD;border-radius:16px;background:#fff;overflow:hidden;}
.list-cs-total li .list-cs-tit{display:block;height:60px;text-align:center;align-content:center;font-size:16px;font-weight:700;color:var(--text-primary);background:#E9EAEE;}
.list-cs-total li .list-cs-wrap{padding-top:20px;padding-bottom:20px;text-align:center;}
.list-cs-total li .list-cs-wrap img{display:block;width:48px;height:48px;margin:0 auto 12px;}
.list-cs-total li .list-cs-wrap em{display:block;margin-bottom:8px;font-size:16px;font-weight:700;color:var(--text-primary);}
.list-cs-total li .list-cs-wrap span{display:block;font-size:14px;font-weight:500;color:var(--text-secondary-01);}
.list-cs-total + .sub-title-h3{margin:32px 0 0;padding-top:32px;border-top:solid 1px var(--fill-secondary-01);}
.list-cs-total + .sub-title-h3 + p{margin-top:12px;}
.list-cs-action{margin-top:20px;}
.list-cs-action li{position:static;display:block;height:auto;border-radius:0;background:none;}
.list-cs-action li:not(:last-child){margin-bottom:20px;}
.list-cs-action li h6{position:static;width:auto;height:auto;margin-bottom:12px;font-size:18px;text-align:center;font-weight:700;color:var(--text-primary);word-break:keep-all;background:none;}
.list-cs-action li h6 span{position:static;transform:none;color:inherit;}
.list-cs-action li:last-child h6{background:none;}
.list-cs-action li dl{position:static;width:auto;height:auto;padding-bottom:16px;background:#fff;border-radius:16px;overflow:hidden;border:solid 1px var(--border-disabled-04);transform:none;}
.list-cs-action li dl dt{height:56px;margin-bottom:16px;text-align:center;align-content:center;font-size:16px;font-weight:700;color:var(--text-inverse);background:#3D3F43;border-radius:16px 16px 0 0;overflow:hidden;}
.list-cs-action li:last-child dl dt{background:#E54D53;}
.list-cs-action li dl dd{position:relative;padding:0 24px 0 31px;text-align:left;align-content:center;font-size:14px;font-weight:500;color:var(--text-secondary-01);}
.list-cs-action li dl dd:before{content:"";position:absolute;left:20px;top:10px;width:3px;height:3px;border-radius:3px;background:var(--text-secondary-01);}
.list-cs-action li:before,
.list-cs-action li:after{content:none;}/* 0831 */

.btn-area{padding:20px 20px 0;}
.txt-desc + .btn-area{padding-left:0;padding-right:0;}
.btn-area .btn{display:block;height:48px;align-content:center;}
.btn-area .btn:not(:last-child){margin-bottom:12px;}
.btn.is-line-lightgray{border-radius:6px;border:solid 1px #8B8F97;}
.btn.regular{font-size:15px;font-weight:600;color:var(--text-primary);}
.tablebox .table tbody td a.btn{display:block;width:69px;height:32px;margin-top:12px;text-align:center;align-content:center;text-decoration:none;font-size:13px;color:var(--text-primary);}

.pledge-grid {display:flex;flex-direction:column;gap:20px;flex-wrap:wrap;margin:20px 0;}
.pledge-grid .pledge-card{width:100%;height:auto;padding:32px 0;text-align:center;border-radius:16px;background:var(--surface-on-white-inverse);border:solid 1px var(--border-secondary-01);box-sizing: border-box;}
.pledge-grid .pledge-card .pledge-icon{width:48px;height:auto;}
.pledge-grid .pledge-card .pledge-tit {margin:20px 0 8px;font-size:18px;font-weight:700;color:var(--text-primary);}
.pledge-grid .pledge-card .pledge-txt {font-size:14px;font-weight:500;color:var(--text-secondary-01);letter-spacing:0;line-height:1.48;}

.organ-grid-glinebox{position:relative;width:100%;height:auto;padding:40px 20px;border-radius:0;background:#F8F9FA url(../images/sustainability/pledge-bg-2.svg) 50% 110px no-repeat;}
.organ-grid-glinebox .node{display:block;width:calc(100vw - 75px);max-width:300px;height:75px;margin:0 auto 39px;border-radius:75px;text-align:center;align-content:center;font-size:18px;font-weight:700;color:var(--text-inverse);background:#E54D53;}
.organ-grid-glinebox .node.node--manager{margin-bottom:66px;background:#3D3F43;}
.branch-box{display:flex;gap:15px;max-width:440px;margin:0 auto;}
.branch{flex:1;position:relative;padding:76px 16px 24px;align-content:start;border-radius:29px 29px 16px 16px;background:var(--fill-secondary-01);box-sizing:border-box;}
.branch.branch--protect{}
.branch .branch__icon{position:absolute;top:0;left:0;width:100%;height:59px;border-radius:59px;text-align:center;align-content:center;font-size:18px;font-weight:700;color:var(--text-primary);background:#fff;border:solid 1px var(--border-disabled-04);}
.branch .branch__icon .branch__label{display:block;margin-top:0;}
.branch .bulletlist li{margin-bottom:4px;text-align:left;font-size:14px;font-weight:500;color:var(--text-primary);word-break:keep-all;}

.tabs .tab-list ~ .tab-contents .sub-title-h3{display:block;margin-bottom:0;text-align:left;font-size:18px;font-weight:700;color:var(--text-primary);}
.sub-title-h3 + ul,
.sub-title-h3 + ol,
.sub-title-h3 + div{margin-top:20px;}
.tablebox  + .sub-title-h3{margin-top:40px;}

.tablebox .table caption{width:1px;height:1px;font-size:2px;color:transparent;}
.tablebox .table tbody th{height:auto;padding-left:20px;text-align:left;font-size:14px;font-weight:600;color:var(--text-tartiary-01);border-bottom:solid 1px var(--border-secondary-01);background:var(--surface-on-white-inverse);}
.tablebox .table tbody td{padding-left:20px;text-align:left;font-size:14px;font-weight:500;color:var(--text-secondary-02);border-bottom:solid 1px var(--border-secondary-01);border-left:none;word-break:keep-all;}
.tablebox .table tbody tr:first-child th,
.tablebox .table tbody tr:first-child td{border-top:solid 1px var(--text-primary);}
.tablebox .table tbody td a{text-decoration:underline;color:var(--link-primary);}
.bulletlist li{position:relative;padding-left:11px;}
td .bulletlist li:not(:last-child){margin-bottom:4px;}
.bulletlist li:before{content:"";position:absolute;top:9px;left:0;width:3px;height:3px;border-radius:3px;background:var(--text-secondary-01);}

.voc-process{display:flex;flex-direction:column;gap:32px;}
.voc-process li{position:relative;width:100%;height:182px;padding-top:32px;box-sizing:border-box;text-align:center;border-radius:16px;border:solid 1px var(--border-secondary-01);background:var(--surface-on-white-inverse);}
.voc-process li:not(:first-child):before{content:"";position:absolute;top:-28px;left:50%;width:24px;height:24px;margin-left:-12px;background:url(../images/sustainability/pledge-chevron-4.svg) 50% 50% no-repeat;transform:rotate(90deg);}
.voc-process li .pledge-icon{display:inline-block;width:60px;height:60px;align-content:center;border-radius:60px;background:#fff;}
.voc-process li .pledge-icon img{width:32px;}
.voc-process li .pledge-span{display:block;margin-top:20px;font-size:14px;font-weight:500;color:var(--text-primary);}

.prod-dev-glinebox{width:100%;height:895px;padding-top:95px;padding-bottom:40px;text-align:center;background:#F8F9FA url(../images/sustainability/pledge-bg-4.svg) 50% 40px no-repeat;}
.prod-dev-glinebox .prod-dev-tit{font-size:18px;font-weight:600;color:var(--text-primary);}
.prod-dev-glinebox .prod-dev-list{width:100%;margin:132px auto 0;display:flex;flex-direction:column;gap:32px;}
.prod-dev-glinebox .prod-dev-list li{width:100%;height:95px;text-align:center;font-size:18px;font-weight:700;color:var(--text-inverse);}