@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: 1920px;
  --content-width: 1080px;
}

.tabs .tabs-child ~ .tab-contents {margin-top:0;line-height:1.48;font-family:var(--font-pretendard);}
.tabs .tabs-child ~ .tab-contents .sub-title {margin-bottom:0;padding-bottom:0;padding-top:80px;font-size:32px;font-weight:700; color:var(--text-primary);}
.tabs .tabs-child ~ .tab-contents .sub-desc {font-size:16px;font-weight:500;text-align:center;color:var(--text-secondary);}
.tabs .tabs-child ~ .tab-contents .txt-desc {font-size:16px;font-weight:500;color:var(--text-secondary);}
.tabs .tabs-child ~ .tab-contents .sub-title + div,
.tabs .tabs-child ~ .tab-contents .sub-title + strong{margin-top:32px;}
.tabs .tabs-child ~ .tab-contents .sub-title + p{margin-top:16px;}

.grayround-box-wrap{padding:60px 122px;text-align:center;border-radius:24px;border:solid 1px var(--fill-secondary-01);background:#F8F9FA;}
.grayround-box-wrap .txt-desc{text-align:center;}
.list-cs-total{display:flex;gap:32px;justify-content: center;margin:32px 0 40px;}
.list-cs-total li{width:257px;height:301px;border:solid 1px #D5D8DD;border-radius:16px;background:#fff;overflow:hidden;}
.list-cs-total li .list-cs-tit{display:block;height:70px;text-align:center;align-content:center;font-size:20px;font-weight:700;color:var(--text-primary);background:#E9EAEE;}
.list-cs-total li .list-cs-wrap{padding-top:24px;text-align:center;}
.list-cs-total li .list-cs-wrap img{display:block;margin:0 auto 20px;}
.list-cs-total li .list-cs-wrap em{display:block;margin-bottom:8px;font-size:18px;font-weight:700;color:var(--text-primary);}
.list-cs-total li .list-cs-wrap span{display:block;font-size:16px;font-weight:500;color:var(--text-secondary);}
.list-cs-total + .sub-title-h3{padding-top:40px;border-top:solid 1px var(--fill-secondary-01);}
.list-cs-action{margin-top:32px;}
.list-cs-action li{position:relative;display:flex;height:155px;justify-content:space-between;background:url(../images/sustainability/pledge-icon-threedot.svg) 134px 50% no-repeat;}
.list-cs-action li:not(:last-child){margin-bottom:32px;}
.list-cs-action li:not(:last-child):after{content:"";position:absolute;bottom:-32px;left:506px;width:32px;height:32px;background:url(../images/sustainability/pledge-chevron-1.svg) 50% 50% no-repeat;}
.list-cs-action li h6{width:94px;font-size:18px;align-content:center;text-align:left;font-weight:600;color:var(--text-primary);word-break:keep-all;}
.list-cs-action li dl{width:621px;height:155px;background:#fff;border-radius:16px;overflow:hidden;border:solid 1px var(--border-disabled-04);}
.list-cs-action li dl dt{height:67px;margin-bottom:32px;text-align:center;align-content:center;font-size:18px;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;display:inline-block;padding:0 24px;text-align:center;align-content:center;font-size:16px;font-weight:500;color:var(--text-secondary-01);}
.list-cs-action li dl dd:before{content:"";position:absolute;left:14px;top:10px;width:3px;height:3px;border-radius:3px;background:var(--text-secondary-01);}

.btn-area{display:flex;gap:10px;justify-content:center;text-align:left;margin:24px 0 0;}/* 0831 */
.btn.is-line-lightgray{border-radius:6px;border:solid 1px #8B8F97;}
.btn.regular{font-size:13px;font-weight:500;color:var(--text-primary);}
.tablebox .table tbody td a.btn{display:block;width:77px;margin:12px auto 0;padding:0;text-decoration:none;color:var(--text-primary);}
.section_cont_customer .btn-area{justify-content:start;}/* 0831 */

.pledge-grid {display:flex;gap:32px;flex-wrap:wrap;margin:32px 0;}
.pledge-grid .pledge-card{width:524px;height:282px;padding-top:40px;text-align:center;border-radius:24px;background:var(--surface-on-white-inverse);border:solid 1px var(--border-secondary-01);box-sizing: border-box;}
.pledge-grid .pledge-card .pledge-tit {margin:20px 0 12px;font-size:22px;font-weight:700;color:var(--text-primary);}
.pledge-grid .pledge-card .pledge-txt {font-size:16px;font-weight:500;color:var(--text-secondary-01);}

.organ-grid-glinebox{position:relative;width:100%;height:754px;padding-top:100px;border-radius:24px;border:solid 1px var(--border-secondary-01);box-sizing: border-box;background:var(--surface-on-white-inverse) url(../images/sustainability/pledge-bg-2.svg?ver=2026090301a) -15px 37px no-repeat;}
.organ-grid-glinebox .node{display:block;position:static;width:352px;height:89px;margin:0 auto 60px;border-radius:89px;text-align:center;align-content:center;font-size:22px;font-weight:700;color:var(--text-inverse);background:#E54D53;}
.organ-grid-glinebox .node.node--manager{margin-bottom:97px;background:#3D3F43;}
.organ-grid-glinebox .node br{display:none;}
.branch{position:absolute;top:432px;left:50%;width:279px;height:222px;margin-left:-320px;padding:110px 0 0 40px;border-radius:48px 48px 24px 24px;background:var(--fill-secondary-01);box-sizing:border-box;}
.branch.branch--protect{margin-left:40px;}
.branch .branch__icon{position:absolute;top:0;left:0;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;width:279px;height:86px;border-radius:86px;text-align:center;align-content:center;font-size:22px;font-weight:700;color:var(--text-primary);background:#fff;border:solid 1px var(--border-disabled-04);box-sizing:border-box;}
.branch .branch__icon img{width:32px;height:32px;}
.branch .branch__icon .branch__label{display:block;padding-left:8px;}

.tabs .tabs-child ~ .tab-contents .sub-title-h3{display:block;margin-bottom:20px;font-size:22px;font-weight:700;color:var(--text-primary);}
.tablebox  + .sub-title-h3{margin-top:60px;}
.txt-desc + .tablebox{margin-top:24px;}

.tablebox .table caption{width:1px;height:1px;font-size:2px;color:transparent;}
.tablebox .table thead th{height:61px;padding-left:0;text-align:center;font-size:14px;font-weight:600;color:var(--text-tartiary-01);border-bottom:solid 1px var(--border-disabled-04);background:var(--surface-on-white-inverse);}
.tablebox .table tbody th{height:86px;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);}
.tablebox .table tbody td.center{padding:20px;text-align:center;}
.tablebox .table thead tr:first-child th,
.tablebox .table tbody tr:first-child th,
.tablebox .table tbody tr:first-child td{border-top:solid 1px var(--text-primary);}
.tablebox .table thead + tbody tr:first-child td{border-top:none;}
.tablebox .table tbody td a{text-decoration:underline;color:var(--link-primary);}
.bulletlist li{position:relative;padding-left:11px;color:var(--text-primary);}
td .bulletlist li{color:inherit;}
.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;gap:40px;}
.voc-process li{position:relative;width:240px;height:216px;padding-top:32px;box-sizing:border-box;text-align:center;border-radius:24px;border:solid 1px var(--border-secondary-01);background:var(--surface-on-white-inverse);}
.voc-process li:not(:first-child):before{content:"";position:absolute;top:96px;left:-32px;width:24px;height:24px;background:url(../images/sustainability/pledge-chevron-4.svg) 50% 50% no-repeat;}
.voc-process li .pledge-icon{display:inline-block;width:60px;height:60px;align-content:center;border-radius:60px;background:#fff;}
.voc-process li .pledge-span{display:block;margin-top:20px;font-size:16px;font-weight:500;color:var(--text-primary);}

.prod-dev-glinebox{width:100%;height:436px;padding-top:123px;text-align:center;background:url(../images/sustainability/pledge-bg-4.svg) 50% 0 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:880px;margin:194px auto 0;display:flex;gap:20px;}
.prod-dev-glinebox .prod-dev-list li{width:160px;height:160px;font-size:18px;font-weight:700;color:var(--text-inverse);}