/* ======= Sub ======= */
/* Sub: Common */
sup { font-size: 10px; }
/* picture { margin-top: 30px; } */
figcaption{margin-top: 12px;font-weight: 500;}
figcaption:first-child { margin-top: 0; margin-bottom: 15px; }
p { margin: 16px 0;}
/*p { margin: 16px 0; text-align: justify; }*/

mark { background: yellow ; }
mark.current,
mark.current mark { background: orange; }
 
.main-sub { padding-top: 0; }
/* .main-sub { padding-top: 80px; } 서브비주얼 제목 및 배경 스크롤 시 고정으로 여백 제거 */

.hr { border: none; border-top: 1px solid #DDDDDD; }

/*
Grid

(.grid-container > ) .grid > .col*
for marin-top
*/

.grid { display: flex; flex-wrap: wrap; }
.grid:not(.grid-cutting) { margin: -40px; }
.grid:not(.grid-cutting) > [class*="col"] { padding: 40px; }
.grid > .col { flex: 1 0 auto; width: auto; }
.grid > .col-9 { width: 100%; }
.grid > .col-8 { width: 33%; }
.grid > .col-7 { width: 40%; }
.grid > .col-6 { width: 60%; }
.grid > .col-5 { width: 20%; }
.grid > .col-4 { width: 25%; }
.grid > .col-3 { width: 33.33333%; }
.grid > .col-2 { width: 50%; }

.grid-outline { border-top: 1px solid var(--clr-border); }
.grid-outline > [class*="col"] { position: relative; padding: 24px 24px 36px; border-bottom: 1px solid var(--clr-border); }
.grid-outline > [class*="col"]::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: calc(100% - 24px); background: var(--clr-border); }
.grid-outline > .col-3:nth-child(3n)::after { content: none; }
.grid-outline .bg-heading { z-index: 2; position: absolute; top: 12px; left: 24px; margin: 0; padding: 8px; width: calc(200% - 48px); text-align: center; color: var(--clr-sky); background: var(--clr-sky-light); }
.grid-outline .bg-heading-3 { width: calc(300% - 48px); }

.grid.grid-card { margin: -6px; }
.grid.grid-card > [class*="col"] { padding: 6px; }
.grid.grid-card .card { padding: 30px; width: 100%; height: 100%; background: var(--clr-white); border: 1px solid var(--clr-border); border-radius: 8px; }

.flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.flex > .col-2 { width: 50%; }
.justify-space-between { justify-content: space-between; }

.table-basic { line-height: 1.5; text-align: left; border-top: 1px solid #ddd; }
.table-basic tr { border-bottom: 1px solid #ddd; }
.table-basic th { padding: 8px; font-weight: 500; color: #111; }
.table-basic th:first-child { padding-left: 0; }
.table-basic td { padding: 8px; font-weight: 400; }

.table-primary { font-size: 14px; }
.table-primary thead th { padding: 18px; line-height: 1.3; font-size: 18px; font-weight: 500; color: #111; background: var(--clr-sky-light); border-bottom: 2px solid var(--clr-sky); }
.table-primary thead th.bg-sky { color: #fff; }
.table-primary tbody th,
.table-primary tbody td { position: relative; padding: 10px 20px; }
.table-primary tbody th { text-align: left; }
.table-primary tbody th::after,
.table-primary tbody td::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: calc(100% - 10px); height: 1px; background: var(--clr-border); }
.table-primary tbody th::after { width: calc(100% - 25px); }
.table-primary .h6 { line-height: 1.4; }

.table-secondary thead th { padding: 4px 20px; text-align: left; font-size: 14px; color: var(--clr-navy); background: var(--clr-sky-light); border-bottom: 1px solid var(--clr-sky); }
.table-secondary tbody th { padding: 20px; text-align: left; }
.table-secondary tbody td { padding: 30px 24px; border-bottom: 1px solid var(--clr-border); }
.table-secondary tbody tr:last-child td { border-bottom: none; }
.table-secondary .text-unit { margin-top: 40px; margin-bottom: 0; }

.table-tertiary { text-align: center; border-top: 2px solid #000; }
.table-tertiary tr { border-bottom: 1px solid var(--clr-border); }
.table-tertiary thead th { padding: 16px; border-bottom: 1px solid var(--clr-border); }
.table-tertiary tbody td { position: relative; padding: 8px 12px; font-size: 14px; }
/* .table-tertiary tbody td::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: calc(100% - 10px); height: 1px; background: var(--clr-border); } */
.table-tertiary tbody td::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; }
.table-tertiary tbody td.bg { background-color: transparent !important; }
.table-tertiary tbody td.bg::after { z-index: -1; height: 100%; }
.table-tertiary tbody td.bg-sky-light { color: var(--clr-sky); }
/* .table-tertiary tbody td.bg-sky-light::after { background-color: var(--clr-sky-light) !important; border-bottom: 1px solid var(--clr-border); } */
.table-tertiary tbody td.bg-sky-light::after { background-color: var(--clr-sky-light) !important; }

.table-primary .alphabet,
.table-secondary .alphabet { position: relative; } 
.table-primary .alphabet span,
.table-secondary .alphabet span { display: block; z-index: 2; position: relative; }
.table-primary .alphabet::before,
.table-secondary .alphabet::before { content: attr(data-alphabet); z-index: 1; position: absolute; top: 50%; right: 5%; font-size: 90px; font-weight: 900; color: var(--clr-sky); transform: translateY(-50%); opacity: 0.1; pointer-events: none; }

.table-border thead th { border-right: 1px solid var(--clr-table-border); border-top: 1px solid var(--clr-table-border); }
.table-border thead th:last-child { border-right: none; }
.table-border tbody th::after,
.table-border tbody td::after { content: none; }
.table-border tbody th,
.table-border tbody td { border-right: 1px solid var(--clr-table-border); border-bottom: 1px solid var(--clr-table-border); }
.table-border tbody th:last-child,
.table-border tbody td:last-child { border-right: none; }

.table-normal thead th { padding-top: 8px; padding-bottom: 8px; line-height: 1.6; font-size: inherit; }
.table-normal tbody td { padding-top: 4px; padding-bottom: 3px; line-height: 1.515; font-size: 14px; }

.table-color-green .alphabet::before { color: var(--clr-green); }
.table-color-orange .alphabet::before { color: var(--clr-orange); }
.table-color-green thead th { color: var(--clr-green); background: var(--clr-green-light); border-bottom-color: var(--clr-green); }
.table-color-orange thead th { color: var(--clr-orange); background: var(--clr-orange-light); border-bottom-color: var(--clr-orange); }

.table-vertical { border-spacing: 0; text-align: center; border: 1px solid var(--clr-table-border); border-top-color: var(--clr-black); border-right: none; }
.table-vertical caption { margin-bottom: 16px; }
/* .table-vertical thead th { padding: 8px 12px; font-size: 14px; font-weight: 500; background: var(--clr-table-th); border-right: 1px solid var(--clr-table-border); border-bottom: 1px solid var(--clr-table-border); } */
.table-vertical tr { border-bottom: 1px solid var(--clr-table-border); }
.table-vertical thead th { padding: 4px 20px; font-size: 16px; font-weight: 500; background: var(--clr-table-th); border-right: 1px solid var(--clr-table-border); border-bottom: 1px solid var(--clr-table-border); }
.table-vertical tbody td { padding: 4px 20px; font-size: 14px; border-right: 1px solid var(--clr-table-border); }
/* .table-vertical thead th:last-child,
.table-vertical tbody td:last-child { border-right: none; } */

.table-horizontal { border-top: 1px solid var(--clr-border); }
.table-horizontal tbody th { padding: 16px 12px; font-weight: 400; color: var(--clr-sky); background: var(--clr-sky-light); border-right: 1px solid var(--clr-border); border-bottom: 1px solid var(--clr-border); }
.table-horizontal tbody td { padding: 16px 12px; font-weight: 400; border-bottom: 1px solid var(--clr-border); }

/* .table-icon { border-top: 1px solid var(--clr-border); } */
/* .table-icon thead th { padding: 16px 8px 0; } */
.table-icon thead th { padding: 0 8px; }
.table-icon tbody th { position: relative; vertical-align: top; padding: 20px 16px 16px; font-weight: 500; }
.table-icon tbody td { position: relative; }
/* .table-icon tbody td { vertical-align: top; padding: 20px 8px; font-size: 14px; } */
.table-icon tbody td { vertical-align: top; padding: 20px 23px; font-size: 14px; }
.table-icon tbody th::after,
.table-icon tbody td::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: calc(100% - 16px); height: 1px; background: var(--clr-border); }
.table-icon .icon-title { display: flex; align-items: center; justify-content: space-between; padding-left: 16px; line-height: 1.19; text-align: left; font-size: 18px; font-weight: 500; }
.table-icon .icon-title .icon { width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; }
.table-icon .icon-title .icon-1 { background-image: url('../images/sub/sustainability/section-sustainability-participation-icon-1.svg'); }
.table-icon .icon-title .icon-2 { background-image: url('../images/sub/sustainability/section-sustainability-participation-icon-2.svg'); }
.table-icon .icon-title .icon-3 { background-image: url('../images/sub/sustainability/section-sustainability-participation-icon-3.svg'); }
.table-icon .icon-title .icon-4 { background-image: url('../images/sub/sustainability/section-sustainability-participation-icon-4.svg'); }
.table-icon .icon-title .icon-5 { background-image: url('../images/sub/sustainability/section-sustainability-participation-icon-5.svg'); }
.table-icon .icon-title .icon-6 { background-image: url('../images/sub/sustainability/section-sustainability-participation-icon-6.svg'); }

.table-navy { text-align: center; border-top: 1px solid var(--clr-border); }
.table-navy thead th { padding: 12px 10px; font-size: 18px; font-weight: 500; color: #fff; background: var(--clr-navy); border-left: 1px solid var(--clr-border); border-right: 1px solid var(--clr-border); border-bottom: 1px solid var(--clr-border); }
.table-navy tbody td { padding: 12px 10px; border-left: 1px solid var(--clr-border); border-right: 1px solid var(--clr-border); border-bottom: 1px solid var(--clr-border); }
.table-navy thead th:last-child,
.table-navy tbody td:last-child { border-right: none; }
.table-navy thead th:first-child,
.table-navy tbody td:first-child { border-left: none; }

.mobile-scroll + .footnote,
.table-container + .footnote { margin-top: 16px; }
.mobile-scroll + .footnote small,
.table-container + .footnote small { font-size: 12px; }
.mobile-scroll + .footnote .marker,
.table-container + .footnote .marker { display: inline-block; padding: 0; min-width: 6px; text-align: center; font-size: 10px; }
.mobile-scroll + .footnote .marker::before,
.table-container + .footnote .marker::before { content: none; }
.mobile-scroll + .footnote ol > li,
.mobile-scroll + .footnote ul > li,
.table-container + .footnote ol > li,
.table-container + .footnote ul > li { text-indent: -8px; margin-left: 12px; }

.legend-container { padding: 16px 16px 0; }
.legend-container .legend { margin-bottom: 16px; padding: 16px 24px; border: 1px solid #ddd; }
.legend-container .legend:last-child { margin-bottom: 0; }
.legend-container .legend-head { position: relative; margin-bottom: 12px; padding-right: 100px; padding-bottom: 12px; border-bottom: 1px solid #ddd; }
.legend-container .legend-head .title { display: flex; align-items: center; margin: 0; font-size: 18px; font-weight: 500; color: #111; }
.legend-container .legend-head .title .icon { margin-left: 4px; width: 16px; height: 27px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; }
.legend-container .legend-head .title .icon-pin-sky { background-image: url('../images/icon-pin-sky.png'); }
.legend-container .legend-head .title .icon-pin-navy { background-image: url('../images/icon-pin-navy.png'); }
.legend-container .legend-head .title .icon-pin-orange { background-image: url('../images/icon-pin-orange.png'); }
.legend-container .legend-head .text { margin: 0; font-size: 14px; color: #555; }
.legend-container .legend-head .number { position: absolute; top: 0; right: 0; font-size: 30px; font-weight: 700; color: var(--clr-navy); }
.legend-container .legend-body .row { position: relative; margin: 8px 0; padding-left: 80px; }
.legend-container .legend-body .row:last-child { margin-bottom: 0; }
.legend-container .legend-body dt { display: flex; align-items: center; position: absolute; top: 0; left: 0; font-size: 14px; font-weight: 600; color: #111; }
.legend-container .legend-body dt::before { content: ''; display: block; margin-right: 4px; width: 14px; height: 14px; background: url('../images/double-chevron-right-navy.svg') no-repeat center / 100% auto; }
.legend-container .legend-body dd { font-size: 14px; font-weight: 400; color: #444; }

.ol { list-style: revert; }

.dot-basic > li { margin-left: 0.615em; text-indent: -0.6em; }
.dot-basic > li::before { content: ''; display: inline-block; vertical-align: top; margin-top: 0.6em; margin-right: 6px; width: 4px; height: 4px; background: #111; border-radius: 50%; }
.check-basic > li { display: flex; }
.check-basic > li::before { content: ''; flex-shrink: 0; display: inline-block; vertical-align: top; margin-top: 0.3em; margin-right: 6px; width: 1em; height: 1em; background: url('../images/checked.svg') no-repeat center / auto 100%; }
.line-basic > li { display: flex; }
.line-basic > li::before { content: '-'; flex-shrink: 0; display: inline-block; vertical-align: top; margin-right: 6px; }

.line-bullet-list .row { position: relative; padding-left: 23px; padding-bottom: 24px; }
.line-bullet-list .row::before { content: ''; position: absolute; top: 10px; left: 3px; width: 1px; height: 100%; background: rgba(0, 72, 139, 0.25); }
.line-bullet-list .row:last-child { padding-bottom: 0; }
.line-bullet-list .row:last-child::before { height: calc(100% - 13px); }
.line-bullet-list .row dt { margin-bottom: 8px; position: relative; font-weight: 500; color: var(--clr-black); }
.line-bullet-list .row dt::before { content: ''; position: absolute; top: 9px; left: -23px; width: 7px; height: 7px; background: var(--clr-navy); border: 1px solid var(--clr-navy); border-radius: 50%; }
/* 자간 간격 */
.line-bullet-list .row dd { margin-top: 16px; }

.line-feature-list dt { margin-bottom: 12px; padding: 4px 0; line-height: 1.7; text-align: center; font-weight: 500; color: var(--clr-navy); border-bottom: 2px solid var(--clr-navy); }
.line-feature-list dd { position: relative; margin-top: 4px; padding-left: 8px; line-height: 1.5; }
.line-feature-list dd::before { content: ''; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; background: var(--clr-navy); border-radius: 50%; }

.numbering-list li { display: flex; margin: 24px 0; padding: 24px 10px; background: #F1F8FD; }
.numbering-list p { margin-top: 0; margin-bottom: 0; }
.numbering-list .number { flex-shrink: 0; margin-top: 2px; margin-right: 6px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; font-weight: 500; color: #fff; background: var(--clr-navy); border-radius: 50%; }

.check-list li { position: relative; margin-top: 2px; padding-left: 18px; }
.check-list li::before { content: ''; position: absolute; top: 5px; left: 0; width: 12px; height: 12px; background: url('../images/checked.svg') no-repeat center / auto 100%; }

.check-data-list dt { margin: 12px 0 8px; font-weight: 500; color: #111; }
.check-data-list dd { position: relative; margin-top: 2px; padding-left: 18px; }
.check-data-list dd::before { content: ''; position: absolute; top: 5px; left: 0; width: 12px; height: 12px; background: url('../images/checked.svg') no-repeat center / auto 100%; }

.block-title-list { display: flex; flex-wrap: wrap; margin: -8px -4px; }
.block-title-list > li { padding: 8px 4px; width: 33.3333%; }
.block-title-list.width50 > li { width: 50%; }
.block-title-list.width33 > li { width: 33.33333%; }
.block-title-list.width25 > li { width: 25%; }
.block-title-list .title { margin-top: 0; margin-bottom: 0; padding: 8px; text-align: center; font-weight: 500; color: #fff; background: #00478A; }
.block-title-list ul li { margin-top: 8px; text-align: center; }

.item-block-list .title { margin-top: 0; margin-bottom: 0; padding: 6px 8px 8px; text-align: center; color: #fff; background: #404040; }
.item-block-list ol { padding: 12px 12px 12px 36px; list-style-type: revert; border: 1px solid var(--clr-border); border-top: none; }

.data-block-list { padding: 16px; background: var(--clr-sky-light); }
.data-block-list dl { display: flex; flex-wrap: wrap; gap: 0 30px; }
.data-block-list .col-wrap { display: flex; flex-direction: column; gap: 12px 0; flex: 1 1; }
.data-block-list .col { display: flex; align-items: center; background: #fff; }
.data-block-list dt { padding: 16px; width: 120px; text-align: center; font-weight: 500; color: var(--clr-sky); }

.step-chevron > ul { display: flex; }
.step-chevron > ul > li { flex: 1 1; }
.step-chevron .step-chevron-head { position: relative; margin-right: 15px; padding: 26px 50px 26px 60px; height: 110px; color: #fff; background: #8DCAF9; }
.step-chevron .step-chevron-head::after { content: ''; z-index: 1; position: absolute; right: -2.24em; top: 0; border-top: 55px solid transparent; border-bottom: 55px solid transparent; border-left: 36px solid #8DCAF9; }
.step-chevron .step-chevron-head::before { content: ''; position: absolute; left: 0; top: 0; border-top: 55px solid transparent; border-bottom: 55px solid transparent; border-left: 36px solid #fff; }
.step-chevron .step-chevron-head p,
.step-chevron .step-chevron-head h4 { margin: 0; color: inherit; }
.step-chevron li:first-child .step-chevron-head { padding-left: 30px; padding-right: 30px; }
.step-chevron li:last-child .step-chevron-head { margin-right: 0; }
.step-chevron li:first-child .step-chevron-head::before,
.step-chevron li:last-child .step-chevron-head::after { content: none; }
.step-chevron li:nth-child(2) .step-chevron-head { background: var(--clr-sky); }
.step-chevron li:nth-child(3) .step-chevron-head { background: var(--clr-navy); }
.step-chevron li:nth-child(2) .step-chevron-head::after { border-left-color: var(--clr-sky); }
.step-chevron li:nth-child(3) .step-chevron-head::after { border-left-color: var(--clr-navy); }
.step-chevron .step-chevron-body { padding: 24px 30px 0; }
.step-chevron .step-chevron-body p:first-child { margin-top: 0; }

.card-container .card { padding: 30px; background: var(--clr-sky-light); }
.card-container .card-navy { background: var(--clr-navy-light2); }
.card-container .card p:first-child { margin-top: 0; }
 
.round-unit-container { display: flex; gap: 30px; }
.round-unit-container .round-unit,
.round-unit-container .round-unit-vertical { flex: 1 1; display: flex; padding: 6px; border: 1px solid var(--clr-sky); border-radius: 6px; } 
.round-unit-container .round-unit dt { display: flex; align-items: center; justify-content: center; padding: 10px; width: 50%; font-size: 18px; font-weight: 500; color: var(--clr-sky); background: var(--clr-sky-light2); border-radius: 4px; }
.round-unit-container .round-unit dd { display: flex; align-items: center; justify-content: flex-end; padding: 8px 30px; width: 50%; }
.round-unit-container .round-unit-vertical { flex-direction: column; }
.round-unit-container .round-unit-vertical dt { padding: 10px; text-align: center; font-size: 18px; font-weight: 500; color: var(--clr-sky); background: var(--clr-sky-light2); border-radius: 4px; }
.round-unit-container .round-unit-vertical dd { padding: 20px 30px; }
.round-unit-container .round-unit-vertical dd p { margin-top: 0; margin-bottom: 0; text-align: center;  }

.line-box { padding: 34px 40px; border: 1px solid var(--clr-border); }

.index-box { padding: 24px 16px; background: var(--clr-sky-light); }
.index-box .index { display: flex; align-items: center; margin-bottom: 15px; background: var(--clr-white); }
.index-box .index:last-child { margin-bottom: 0; }
.index-box .index .title { flex-shrink: 0; padding: 10px; width: 100px; text-align: center; }
.index-box .index .dot-basic { padding: 15px 50px 15px 0; }
.index-box .index .dot-basic > li::before { width: 3px; height: 3px; }
.index-box-grid { display: flex; flex-wrap: wrap; gap: 30px; padding: 30px; }
.index-box-grid .index { margin: 0; width: calc(33.33333% - 20px); }
.index-box-grid .index .title { width: 120px; }

.index-list .index { display: flex; margin-bottom: 15px; }
.index-list .index:last-child { margin-bottom: 0; }
.index-list .index .title { display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin: 0; padding: 10px; width: 100px; text-align: center; font-size: 18px; background: var(--clr-sky-light); border-radius: 8px; }
.index-list .index .dot-basic { padding: 16px; }
.index-list .index .dot-basic > li::before { width: 3px; height: 3px; }

.bloque { padding: 30px; }
.bloque p { margin-bottom: 16px; line-height: inherit; }
.bloque p:first-child { margin-top: 0; }
.bloque p:last-child { margin-bottom: 0; }

.bloque-figure { display: flex; padding: 30px; border: 1px solid var(--clr-border); }
.bloque-figure .figure { flex: 1 1; }
.bloque-figure figcaption { margin-bottom: 30px; }



/* 문단 다음에 오는 요소에 상단 margin 추가 / 프린트도 추가 */
.image-wrap:not(:first-child),
.mobile-scroll:not(:first-child),
.table-container:not(:first-child),
.round-unit-container:not(:first-child),
.card-container:not(:first-child),
.grid-container:not(:first-child),
.block-title-list:not(:first-child),
.bloque:not(:first-child),
.bloque-figure:not(:first-child),
.line-box:not(:first-child) { margin-top: 30px !important; }



/* Text */
/* h1~3 폰트 사이즈 재조정되어 HTML 태그에 재조정된 클래스명으로 변경 필요 */
.through { display: flex; align-items: center; }
.through::after { content: ''; flex: 1 1 0; display: block; margin-left: 12px; height: 1px; background: var(--clr-border); }
.underline { text-decoration: underline; text-underline-offset: 0.475em; }
.marker { position: relative; padding-left: 10px; }
.marker::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 2px; height: calc(100% - 20px); background: var(--clr-sky); }
.color-navy.marker::before { background: var(--clr-navy); }

.text-unit { font-size: 30px; color: var(--clr-dark); font-weight: 500; }
.text-unit span { line-height: inherit; font-weight: inherit; color: inherit; }

.h1 { font-size: inherit; color: var(--clr-dark); }
.h2 { font-size: 40px; color: var(--clr-dark); }
/* .h3 { font-size: 30px; line-height: 1.19; color: var(--clr-dark); } */
.h3 { font-size: 42px; line-height: 1.19; color: var(--clr-dark); }
.h4 { font-size: inherit; color: var(--clr-dark); }
/* .h5 { margin: 16px 0; line-height: 1.4; font-size: 22px; font-weight: 600; color: var(--clr-dark); } */
/* .h5 { margin: 16px 0; line-height: 1.4; font-size: 24px; font-weight: 600; color: var(--clr-dark); } 수직 마진 증가 */
.h5 { margin: 24px 0; line-height: 1.4; font-size: 24px; font-weight: 600; color: var(--clr-dark); }
.h6 { margin: 6px 0; line-height: 1.95; font-size: 18px; font-weight: 500; color: var(--clr-dark); }
.font-sizeup { font-size: 22px; }

.p1 { font-size: 24px; }
.p2 { font-size: 20px; }
.p3 { font-size: 16px; }
.p4 { font-size: 15px; }
.p5 { font-size: 14px; line-height: 1.5; }
.p6 { font-size: 13px; }
.p19 { font-size: 19px; }
.p18 { font-size: 18px; }
.p12 { font-size: 12px; }
.p22 { font-size: 22px; }

/* evvireonment 식별된 기후변화 관련 위험  및 기회 요인 bar css */
   /* 중대성 그래프 */
    .impact-bar {
      position: relative;
      height: 12px;
      background: #e0e0e0;
      border-radius: 6px;
      overflow: hidden;
    }
    .impact-fill {
      position: absolute;
      height: 100%;
      background: #4a90e2;
      border-radius: 6px;
    }
    .dot {
      position: absolute;
      top: 50%;
      width: 10px;
      height: 10px;
      background-color: #0066cc;
      border-radius: 50%;
      transform: translate(-50%, -50%);
    }/* evvireonment 식별된 기후변화 관련 위험  및 기회 요인 bar css 끝*/

/*기후변화 리스크 관리 프로세스 화살표*/
    .arrow {
      font-size: 24px;
      color: #999;
      font-weight: bold;
      vertical-align: middle;
    }
/*기후변화 리스크 관리 프로세스 끝*/

/* Sub: Search */
.page-search-container { z-index: 9; position: fixed; top: 80px; right: 45px; background: #fff; border: 1px solid var(--clr-border); box-shadow: 0px 0px 25px 0px #00000026; transform: translateY(-100px); transition: transform ease .35s; }
.page-search-container .page-search { padding: 14px 16px 12px; height: 100px; visibility: hidden; opacity: 0; transition: all ease .35s; }
.page-search-container .page-search-head { display: flex; align-items: center; padding-bottom: 12px; }
.page-search-container .page-search-head .title { margin: 0 10px 0 0; font-size: 14px; color: #000; }
.page-search-container .page-search-head .indicator { display: flex; align-items: center; justify-content: center; margin: 0; padding: 2px 6px 2px 7px; min-width: 35px; letter-spacing: 0.1em; font-size: 11px; color: #fff; background: #979797; border-radius: 16px; }
.page-search-container .page-search-body { display: flex; align-items: center; position: relative; height: 40px; background: #F7F7F7; border-radius: 40px; }
.page-search-container .page-search-body .input { padding: 6px 16px; height: 100%; font-size: 13px; border: none; outline: none; }
.page-search-container .page-search-body .button-wrap { display: flex; position: relative; padding: 0 10px 0 10px; height: 100%; }
.page-search-container .page-search-body .button-wrap::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 1px; height: 50%; background: #D9D9D9; }
.page-search-container .page-search-body .button-wrap .prev,
.page-search-container .page-search-body .button-wrap .next { width: 30px; height: 100%; background-image: url('../images/chevron-up.svg'); background-repeat: no-repeat; background-position: center; background-size: auto 20%; }
.page-search-container .page-search-body .button-wrap .next { background-image: url('../images/chevron-down.svg'); }
.page-search-container .page-search-body .button-wrap .prev:disabled,
.page-search-container .page-search-body .button-wrap .next:disabled { opacity: 0.5; pointer-events: none; }
.page-search-container .button-toggle { width: 100%; height: 35px; line-height: 35px; text-align: center; font-size: 14px; color: #000; background: #F8F9FA; border-top: 1px solid var(--clr-border); outline: none; }
.page-search-container .button-toggle::after { content: ''; display: inline-block; vertical-align: middle; margin: -2px 0 0 8px; width: 16px; height: 16px; background: url('../images/chevron-down.svg') no-repeat center / auto 50%; transition: transform ease .15s; }
.page-search-container[data-page-search="opened"] { transform: none; }
.page-search-container[data-page-search="opened"] .page-search { visibility: visible; opacity: 1; }
.page-search-container .button-toggle[aria-expanded="true"]::after { transform: scaleY(-1); }
@media (hover: hover) and (pointer: fine) {
    .page-search-container .button-toggle:hover { background: #f4f4f5; }
}



/* Sub: Page */
.sub-visual-overview .background { background-image: url('../images/sub/sub-visual-overview-background.jpg'); }
.sub-visual-sustainability .background { background-image: url('../images/sub/sub-visual-sustainability-background.jpg'); }
.sub-visual-environmental .background { background-image: url('../images/sub/sub-visual-environmental-background.jpg'); }
.sub-visual-social .background { background-image: url('../images/sub/sub-visual-social-background.jpg'); }
.sub-visual-governance .background { background-image: url('../images/sub/sub-visual-governance-background.jpg'); }
.sub-visual-appendix .background { background-image: url('../images/sub/sub-visual-appendix-background.jpg'); }
.sub-visual { position: relative; height: 1020px; text-align: center; }
.sub-visual .background { position: absolute; bottom: 0; left: 0; width: 100%; height: 450px; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; visibility: hidden; }
.sub-visual .heading { z-index: 2; position: sticky; top: 0; padding: 240px 0 160px; font-size: 64px; font-weight: 700; visibility: hidden; }

.sub-visual-basic { overflow: hidden; position: relative; height: 560px; }
.sub-visual-basic .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.sub-visual-basic .text-wrap { display: flex; align-items: center; justify-content: center; z-index: 2; position: relative; padding-top: 80px; width: 100%; height: 100%; color: #fff; }
.sub-visual-basic .heading { font-size: 64px; font-weight: 700; color: #fff; }

.sub-visual-tab { z-index: 8; position: sticky; top: 80px; left: 0; padding: 0 140px 0 60px; background: #fff; border: 1px solid var(--clr-border); }
.sub-visual-tab .swiper { padding-left: 235px; }
.sub-visual-tab .swiper-slide { margin-right: 60px; width: auto; }
.sub-visual-tab .swiper-slide:last-child { margin-right: 0; }
.sub-visual-tab .swiper-slide a { display: block; height: 80px; line-height: 80px; font-size: 20px; font-weight: 500; color: #999; }
.sub-visual-tab .swiper-slide.on a { color: var(--clr-sky); }

.sub-container { display: flex; justify-content: center; margin-top: 120px; margin-bottom: 180px; padding: 0 140px 0 60px; }
.sub-container-padding { display: flex; justify-content: center; padding: 120px 140px 180px 60px; }

.section-navigation { padding-right: 50px; width: 235px; }
.section-navigation .lists { overflow-x: hidden; overflow-y: auto; position: sticky; top: 200px; left: 0; }
.section-navigation .lists::-webkit-scrollbar { width: 5px; }
.section-navigation .lists::-webkit-scrollbar-thumb { background-color: #DDDDDD; border-radius: 10px; }
.section-navigation .lists::-webkit-scrollbar-thumb:hover { background-color: #777777; }
.section-navigation .lists::-webkit-scrollbar-track { background-color: rgba(0,0,0,0); }
.section-navigation .depth2 { padding-left: 8px; }
.section-navigation .depth2 > li { padding-bottom: 4px; }
.section-navigation h3 { position: relative; font-size: 15px; line-height: 1.4; font-weight: 700; padding: 4px 0 12px; opacity: 0.4; transition-property: padding, opacity; transition-timing-function: ease; transition-duration: .15s; }
.section-navigation h4 { position: relative; font-size: 13px; line-height: 1.4; padding: 3px 0; font-weight: 400; opacity: 0.4; transition-property: color, opacity; transition-timing-function: ease; transition-duration: .15s; }
.section-navigation h5 { position: relative; font-size: 13px; line-height: 1.4; padding: 3px 0; font-weight: 400; opacity: 0.4; transition-property: color, opacity; transition-timing-function: ease; transition-duration: .15s; }
.section-navigation h5::before { content: '-'; padding-right: 5px; }
.section-navigation h3::before { content: ''; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; background: var(--clr-sky); border-radius: 50%; opacity: 0; }
.section-navigation .icon { margin-top: -4px; }
.section-navigation .icon::before { background-size: auto 125%; }
.section-navigation [aria-selected="true"] h3 { opacity: 1; padding-left: 12px; }
.section-navigation [aria-selected="true"] h3::before { opacity: 1; }
.section-navigation [aria-selected="true"] h4 { opacity: 1; }
.section-navigation [aria-selected="true"] h5 { opacity: 1; color: var(--clr-sky); }

/*
appendix의 일반 수직 padding으로 인한 섹션 여백 재정의 필요.
현재는 margin으로 정의했으나 백그라운드가 포함되는 경우가 있는
일반적인 여백섹션이 필요하여 section-basic으로 파생된 클래스 추가함

섹션 & 프린트 영역
DOM  | .section & .section-basic > .section-child.section-child-skip & .section-basic.section-basic-skip > .section-grandchild.section-child-skip
TYPE | A4       |  A4           | Non A4                                 |  A4                          | Non A4
*/
.section-container { flex: 1 1 0; max-width: 1465px; }
.section-container .section { margin-top: 180px; margin-bottom: 180px; padding-left: 0; font-size: 16px; color: #333; }
.section-container .section:first-child,
.section-container .section:first-child .section-child:first-child,
.section-container .section:first-child .section-grandchild:first-child { margin-top: 0 !important; }
.section-container .section-child,
.section-container .section-grandchild { margin-top: 80px; margin-bottom: 80px; }
.section-container .section:last-child,
.section-container .section-child:last-child,
.section-container .section-grandchild:last-child { margin-bottom: 0; }
.section-container .heading-primary { position: relative; margin-bottom: 30px; padding-left: 20px; padding-bottom: 16px; font-weight: 600 !important; border-bottom: 1px solid #DDDDDD; }
.section-container .heading-primary::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 4px; height: calc(100% - 20px); background: var(--clr-sky); transform: translateY(-8px); }
.section-container .heading-primary.border-0 { margin-bottom: 10px; }
.section-container .section-basic { position: relative; padding-top: 120px; padding-bottom: 120px; }
.section-container .section-basic.bg-gray::before { content: ''; z-index: -1; position: absolute; top: 0; left: -50vw; width: 150vw; height: 100%; background: var(--clr-bg-gray); }
.section-container .section-grandchild .top{ margin-top: 50px; margin-bottom: 10px; }

/* Sub: Overview */
.section-overview-philosophy p { margin-top: 10px; }
.section-overview-philosophy .grid-parent { margin: 4px -34px -34px; }
.section-overview-philosophy .grid-parent > .col { padding: 34px; width: 50%; }
.section-overview-philosophy .grid-parent .h5:not(:first-child) { margin-top: 50px; }
.section-overview-philosophy .grid-parent .image-wrap { text-align: center; }
.section-overview-philosophy .vision p { text-align: center; }
.section-overview-philosophy .vision .h2 { line-height: 1.275; margin-bottom: 24px; color: var(--clr-sky); font-weight: 700; }
.section-overview-philosophy .vision .p2 { line-height: 1.5; font-weight: 500; }
.section-overview-philosophy .value { margin: -6px; padding: 0 16px; text-align: center; }
.section-overview-philosophy .value p { padding: 0 6px; text-align: inherit; }
.section-overview-philosophy .value .title { margin: 5px 0 10px; color: var(--clr-navy); font-weight: 500; }
.section-overview-philosophy .value .title .p6 { display: block; font-weight: 400; }
.section-overview-philosophy .value .p5 { margin: 0; }

.section-overview-financial .grid-parent { justify-content: space-between; margin: -32px; }
.section-overview-financial .grid-parent > .col { padding: 32px; width: 37%; }
.section-overview-financial .grid-parent > .col:last-child { display: flex; flex-direction: column; justify-content: space-between; width: 63%; }
.section-overview-financial .grid-child { margin: -18px; }
.section-overview-financial .grid-child > .col-2,
.section-overview-financial .grid-child > .col-3 { padding: 18px; }
.section-overview-financial .grid-child:last-child { margin-bottom: -34px; }
.section-overview-financial .grid-child .image-wrap { margin-top: 20px; }
.section-overview-financial .h3 { font-weight: 500; }
.section-overview-financial .h5 { margin-bottom: 10px; }
.section-overview-financial .p1 { margin-top: 0; margin-bottom: 10px; padding-bottom: 5px; font-weight: 600; color: var(--clr-navy); border-bottom: 1px solid #ddd; }
.section-overview-financial .p5 { margin-top: 0; margin-bottom: 24px; }

.section-overview-business .line-bullet-list { margin-top: 40px; }
.section-overview-business .grid-child { margin: 20px -10px -10px; }
.section-overview-business .grid-child > .col-2 { padding: 10px; }

.section-overview-service .grid-parent > .col { width: 38.8%; }
.section-overview-service .grid-parent > .col:last-child { width: 61.2%; }
.section-overview-service .grid-child { margin: -27px; }
.section-overview-service .grid-child > .col-2 { padding: 27px; }
.section-overview-service .grid-child .h6 { margin-top: 0; }
.section-overview-service .numbering-list { margin-top: 40px; }
.section-overview-service .goal .h6 { display: flex; margin-top: 36px; align-items: center; }
.section-overview-service .goal .h6 hr { flex-grow: 1; margin-left: 12px; }
.section-overview-service .goal .grid > .col-2:nth-child(3) { margin-top: -23px; }
.section-overview-service .goal .grid > .col-2:nth-child(5) { margin-top: -46px; }

.section-overview-pm .grid-parent { margin-top: -7px; margin-bottom: -60px; }
.section-overview-pm .grid-parent > .col { width: 43.8%; }
.section-overview-pm .grid-parent > .col:last-child { width: 56.2%; }
.section-overview-pm .grid-parent .h6 { margin-top: 20px; }
.section-overview-pm .grid-parent .h6 + p { margin-top: 10px; margin-bottom: 20px; }
.section-overview-pm .image-wrap { margin-bottom: 45px; }
.section-overview-pm .ul2 li:first-child { margin-bottom: 50px; }
.section-overview-pm .ul2 li:first-child .h6 { margin-top: -4px; }

.section-overview-global .heading-primary { margin-bottom: 15px; }
.section-overview-global .grid { margin: -28px; }
.section-overview-global .grid > .col { padding: 28px; width: 72%; }
.section-overview-global .grid > .col:last-child { width: 28%; }
.section-overview-global .table-basic { margin: 40px 0 25px; }
.section-overview-global .table-basic th { width: 12%; }
.section-overview-global .title-wrap p { margin: 0; }
.section-overview-global .global { position: relative; }
.section-overview-global .global .text-wrap { position: absolute; bottom: -90px; left: 0; }
.section-overview-global .global .p2 { margin-top: 48px; margin-bottom: 0; font-weight: 600; }
.section-overview-global .global .h2 { margin-top: 7px; line-height: 1; font-weight: 700; }


/* Sub: Sustainability */
.section-sustainability-intro .h3 { line-height: 1.4; }
.section-sustainability-intro .h5 { margin-top: 30px; margin-bottom: 12px; }
.section-sustainability-intro .grid-parent > .col-2 { width: 53.8%; }
.section-sustainability-intro .grid-parent > .col-2:last-child { flex: 1 1 0; }
.section-sustainability-intro .footnote { display: flex; justify-content: flex-end; margin-top: 0px; }
.section-sustainability-intro .footnote p { margin-right: 20px; line-height: 1.4; }
.section-sustainability-intro .image-wrap { margin-top: 0 !important; }

.section-sustainability-strategy .grid-parent { margin: -25px -38px -38px; }
.section-sustainability-strategy .grid-parent > .col-2 { padding: 38px; }

.section-sustainability-appraisal .esg { margin-top: 24px; }
.section-sustainability-appraisal .esg > li { display: flex; padding: 8px 0; }
.section-sustainability-appraisal .esg .alphabet { margin: 0; line-height: 1; width: 60px; font-size: 90px; font-weight: 700; color: var(--clr-sky); opacity: 0.1; }
.section-sustainability-appraisal .esg .lists { flex: 1 1; display: flex; flex-wrap: wrap; padding-left: 12px; }
.section-sustainability-appraisal .esg .lists li { padding: 1px 12px; width: 50%; font-size: 12px; }


/* Sub: Environmental */
.section-overview-action .grid-1 .card { padding: 20px 24px 24px; }
.section-overview-action .grid-1 .card:not(:first-child) { margin-top: 24px; }
.section-overview-action .grid-1 .card p { margin-bottom: 0; }
.section-overview-action .grid-1 .card .h6 { margin-bottom: 9px; }
.section-overview-action .grid-1 .col-2:first-child { flex: 1 1; }
.section-overview-action .grid-1 .col-2:last-child { width: 56.3%; }

.section-overview-management .grid .col-2:first-child .image-wrap { margin-top: 30px; }
.section-overview-management .step-chevron > ul > li:nth-child(1) { flex-grow: 0.65; }
.section-overview-management .step-chevron > ul > li:nth-child(3) { flex-grow: 0.9; }
.section-overview-management .step-chevron .step-chevron-head { padding-top: 12px; }
.section-overview-management .grid-child-1 { margin: 40px -15px -15px; }
.section-overview-management .grid-child-1 > .col-2 { padding: 15px; }
.section-overview-management figcaption { line-height: 1.3; }

.section-overview-expansion .grid-1 { margin-top: -28px; }
.section-overview-expansion .grid-1 p:first-child { margin-top: 0; }
.section-overview-expansion .grid-3 a picture { display: block; margin-bottom: 30px; }
.section-overview-expansion .grid-4 { margin: -15px; }
.section-overview-expansion .grid-4 .col { padding: 15px; width: 41%; }
.section-overview-expansion .grid-4 .col:nth-child(1) { width: 18%; }
.section-overview-expansion .grid-4 .col:nth-child(1) .image-wrap { margin-top: 40px; }
.section-overview-expansion figcaption { line-height: 1.3; }
.section-overview-expansion .grid .col-2 figure .image-text { position: absolute; margin: 0; padding: 0; color: #fff; left: 20px; bottom: 10px; font-size: 15px; font-weight: 300; }

.section-overview-expansion .grid-5 .icon-wrap { text-align: right; }
.section-overview-expansion .grid-5 .p20 { margin-top: 25px; margin-bottom: 5px; }
.section-overview-expansion .grid-parent-1 .grid-child { margin: -15px; }
.section-overview-expansion .grid-parent-1 .grid-child > .col-2 { padding: 15px; }
.section-overview-expansion .grid-parent-1 .grid-child > .col-2:first-child { flex: 1 1 auto; }
.section-overview-expansion .grid-parent-1 .grid-child > .col-2:nth-child(2) { width: 37.2%; }
.section-overview-expansion .grid-parent-1 .grid-child p { margin-bottom: 0; }
.section-overview-expansion .grid-parent .figure-dark:not(:first-child) { margin-top: 22px; }
.section-overview-expansion .grid-parent .figure-dark { background: #fff; border: 1px solid #000; }
.section-overview-expansion .grid-parent .figure-dark figcaption { margin-top: 0; padding: 6px; text-align: center; font-weight: 500; color: #fff; background: #000; }
.section-overview-expansion .grid-parent .figure-dark .flex { justify-content: space-between; padding: 16px; }
.section-overview-expansion .card-container-4 picture { margin-top: 30px; }

.section-overview-innovation .grid-parent-1 { margin: -15px; }
.section-overview-innovation .grid-parent-1 > .col { display: flex; flex-direction: column; padding: 15px; width: 25%; }
.section-overview-innovation .grid-parent-1 > .col:nth-child(2) { width: 50%; }
.section-overview-innovation .grid-parent-1 .grid-child { margin: -15px; }
.section-overview-innovation .grid-parent-1 .grid-child > .col-2 { padding: 15px; }
.section-overview-innovation .grid-parent-1 .card-container { margin-top: 0 !important; height: 100%; }
.section-overview-innovation .grid-parent-1 .card-container .card { padding: 16px; height: 100%; }
.section-overview-innovation .grid-parent-1 .line-basic { margin-top: 5px; }
.section-overview-innovation .grid-parent-3 .grid-child { margin: -15px; }
.section-overview-innovation .grid-parent-3 .grid-child > .col-2 { padding: 15px; }
.section-overview-innovation .grid-parent-4 .grid-child { margin: -15px; }
.section-overview-innovation .grid-parent-3 .grid-child > .col-2 { padding: 15px; }
.section-overview-innovation .grid-parent-4 p:last-child { margin-bottom: 0; }
.section-overview-innovation .grid-parent-3 .grid-child.nomargin { margin: 0;}
.section-overview-innovation .grid-parent-3 .grid-child.nomargin.top { margin-top: 15px;}

.col-2.section-child.nomargin {
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}

.col-2.nomargin {
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}
/* Sub: Social */
.section-social-diffusion .grid-1 .image-wrap { margin-top: 22px; }
.section-social-diffusion .grid-child-1 { margin: -15px; }
.section-social-diffusion .grid-child-1 > .col-2 { padding: 15px; }
.section-social-diffusion .line-box { display: flex; justify-content: space-between; }
.section-social-diffusion .line-box .text-3 { padding-right: 20%; }
.section-social-diffusion .line-box .flex { margin: -6px; }
.section-social-diffusion .line-box .flex > .col { padding: 6px; }
.section-social-diffusion .line-box .flex-child { display: flex; margin: -6px; }
.section-social-diffusion .line-box .flex-child > .col { padding: 6px; }
.section-social-diffusion .line-box .ol { margin-top: 10px; margin-left: 10px; }
.section-social-diffusion .figure-parent-2 figcaption { margin-top: 15px; margin-bottom: 23px; }
.section-social-diffusion .figure-parent-2 .flex { margin: -8px; }
.section-social-diffusion .figure-parent-2 .flex > .col { padding: 8px; }
.section-social-diffusion .grid-parent-3 > .col-2:nth-child(2) .image-wrap { margin: 46px 0 55px; }
.section-social-customer .grid-child-2 { margin: -15px; }
.section-social-customer .grid-child-2 > .col-2 { padding: 15px; }
.section-social-customer .grid-parent-3 .col-2:first-child img { margin-left: -8px; max-width: 102%; }
.section-social-human .grid-parent-1 .h6,
.section-social-human .grid-parent-2 .h6 { margin-top: -10px; }
.section-social-human .grid-parent-3 .flex { justify-content: space-between; margin-bottom: 25px; }
.section-social-human .icon-external-link::before { vertical-align: text-top; width: 18px; height: 18px; }
.section-social-human .grid-parent-4 > .col:first-child { width: 41.8%; }
.section-social-human .grid-parent-4 > .col:last-child { width: 58.2%; position: relative; }
.section-social-human .grid-parent-4 > .col:last-child .image-wrap { position: absolute; top: 0; right: 0; }
.section-social-human .flex.gray-box { gap: 15px; padding: 30px; background: #F7F7F7; }
.section-social-training .grid-parent-1 > .col-2 { width: 56.3%; }
.section-social-training .grid-parent-1 > .col-2:nth-child(2) { flex: 1 1 auto; width: auto; }
.section-social-training .grid-parent-2 > .col-2 { width: 61.2%; }
.section-social-training .grid-parent-2 > .col-2:nth-child(1) { width: 38.8%; }
.section-social-training .grid-parent-2 .image-wrap { margin-top: 10px; }
.section-social-training .grid-parent-3 .flex { margin-top: 62px; justify-content: space-between; }
.section-social-training .grid-parent-4 { margin: -30px; }
.section-social-training .grid-parent-4 .col-3 { padding: 30px; }
.section-social-training .grid-parent-4 .col-3:nth-child(1) { width: 14.5%; }
.section-social-training .grid-parent-4 .col-3:nth-child(2) { width: 49.4%; }
.section-social-training .grid-parent-4 .col-3:nth-child(3) { width: 36.1%; }
.section-social-training .round-unit-container { flex-wrap: wrap; gap: 16px; }
.section-social-training .round-unit-container .round-unit-vertical { flex-basis: calc(50% - 8px); width: 50%; }
.section-social-training .round-unit-container .round-unit-vertical dt { padding-top: 4px; padding-bottom: 4px; }
.section-social-training .round-unit-container .round-unit-vertical dd { padding: 16px 8px 8px; }
.section-social-training .round-unit-container .icon-wrap { margin-bottom: 10px; }
.section-social-contribution .grid-parent-2 .grid-child { margin: -15px; }
.section-social-contribution .grid-parent-2 .grid-child > .col-2 { padding: 15px; }
.section-social-contribution .grid-parent-2 .grid-child > .col-2:first-child { flex: 1 1; }
.section-social-contribution .grid-parent-2 .grid-child > .col-2:last-child { width: 40%; }
.section-social-contribution .grid-parent-2 .grid-child p:first-child { margin-top: 0; }

/* Sub: Governance */
.section-governance-advancement .grid-parent-1 > .col-2:first-child { width: 45%; }
.section-governance-advancement .grid-parent-1 > .col-2:last-child { width: 55%; }
.section-governance-advancement .grid-parent-1 .image-wrap { text-align: center; }
.section-governance-advancement .grid-parent-2 > .col-2:first-child { width: 38.5%; }
.section-governance-advancement .grid-parent-2 > .col-2:last-child { width: 61.5%; }
.section-governance-advancement .table-primary tbody td { height: 65px; }
.section-governance-advancement .bloque-figure { justify-content: space-between; gap: 30px; }
.section-governance-advancement .bloque-figure .figure { flex: 0 1 auto; text-align: center; }

.section-governance-risk .table-vertical tbody td { height: 53px; }
.section-governance-risk .step-chevron .step-chevron-head { display: flex; align-items: center; justify-content: center; padding-top: 12px; padding-bottom: 12px; text-align: center; }
.section-governance-risk .step-chevron .step-chevron-body { padding-top: 12px; padding-left: 12px; }
.section-governance-risk .step-chevron li:nth-child(2) .step-chevron-head { background: #4AB0FF; }
.section-governance-risk .step-chevron li:nth-child(2) .step-chevron-head::after { border-left-color: #4AB0FF; }
.section-governance-risk .step-chevron li:nth-child(3) .step-chevron-head { background: #097CD3; }
.section-governance-risk .step-chevron li:nth-child(3) .step-chevron-head::after { border-left-color: #097CD3; }
.section-governance-risk .step-chevron li:nth-child(4) .step-chevron-head { background: #0773C6; }
.section-governance-risk .step-chevron li:nth-child(4) .step-chevron-head::after { border-left-color: #0773C6; }
.section-governance-risk .step-chevron li:nth-child(5) .step-chevron-head { background: #096EBC; }
.section-governance-risk .step-chevron li:nth-child(5) .step-chevron-head::after { border-left-color: #096EBC; }
.section-governance-risk .step-chevron li:nth-child(6) .step-chevron-head { background: #0761A7; }
.section-governance-risk .step-chevron li:nth-child(6) .step-chevron-head::after { border-left-color: #0761A7; }
.section-governance-risk .step-chevron li:nth-child(7) .step-chevron-head { background: #004884; }

.section-governance-risk .step-chevron li:first-child .step-chevron-body { padding-left: 0; }
.section-governance-risk .step-chevron .lists > li { text-indent: -5px; margin-left: 5px; }

.section-governance-ethics .grid-parent-1 > .col-2:first-child { width: 69.92%; }
.section-governance-ethics .grid-parent-1 > .col-2:last-child { width: 30.08%; }
.section-governance-ethics .grid-parent-1 > .col-2 .h6 { margin-top: -10px; }
.section-governance-ethics .bloque .h6 { margin-bottom: 10px; }

/* Appendix */
.section-appendix-data .table-vertical { max-width: 1300px; }
.certification-container { margin-top: 60px; }
.certification-container figcaption { margin-bottom: 40px; }
.section-achieve-report .grid-parent-1 { margin: -15px; }
.section-achieve-report .grid-parent-1 > .col-3 { padding: 15px; }
.section-achieve-report .grid-parent-1 .card { display: block; overflow: hidden; position: relative; padding: 0; }
.section-achieve-report .grid-parent-1 .card::before { content: ''; display: block; padding-top: calc(280 / 468 * 100%); width: 100%; height: 0; background-image: url('../images/sub/appendix/achieve-report-background.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; }
.section-achieve-report .grid-parent-1 .card .text-wrap { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-achieve-certification .grid-parent-1 { margin: -15px; }
.section-achieve-certification .grid-parent-1 > .col-3 { padding: 15px; }
.section-achieve-certification .grid-parent-1 .card { display: flex; align-items: center; justify-content: center; min-height: 135px; }
.section-achieve-certification .grid-parent-1 .card * { transition: color ease .15s; }
.section-third .footnote .row { display: flex; align-items: center; justify-content: flex-end; }
.section-third .footnote .row:first-child { transform: translateX(30px); }
.section-third .footnote .row:last-child { margin-top: 10px; }
.section-third .footnote .row:last-child img { margin-left: 30px; }
.section-third .footnote .signature { line-height: 1.4; text-align: right; font-weight: 500; }
.section-third .footnote .image-wrap { margin-top: 0 !important; }


/* Sub: Search */
.sub-visual-search {
    display: flex;
    flex-direction: column;
    justify-content: center; align-items: center;
    background-color: #f5f5f5;
    height: 500px;
    padding-top: 80px;
}
.sub-visual-search .heading {
    position: relative; top: auto;
    padding: 80px 0 30px 0;
    font-size: 42px; font-weight: 600;
}
.row.search {
    display: flex;
    justify-content: center; align-items: center;
    margin: 30px 0;
}
.input-search-box {
    display: flex;
    flex-direction: row; justify-content: space-between; align-items: center;
    width: 580px; height: 60px;
    background-color: #fff; border: 1px solid #ddd;
    border-radius: 38px;
}
.input-search-box input {
    appearance:  none;
    -moz-appearance:  none;
    -webkit-appearance:  none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    outline: 0;
    border: 0;
    padding-left: 24px;
    font-size: 18px; font-weight: 500; color: var(--clr-black);
}
.input-search-box button {
    margin-right: 24px;
    width: 24px; height: 24px;
}
.input-search-box button svg {
    stroke: #097CD3;
}
.row.Tag {
    display: flex;
    flex-direction: column; align-items: flex-start;
    margin: 3px 0 30px;
    width: 580px;
}
.row.Tag strong {
    font-size: 18px; font-weight: 500;
    color: var(--clr-black);
    padding-top: 20px;
}
.row.Tag .tagBoxRow {
    display: flex;
    flex-direction: row; justify-content: flex-start; align-items: center;
    flex-wrap: wrap;
    margin-top: 16px;
}
.tag.col {
    display: flex;
    justify-content: center; align-items: center;
    padding: 8px 24px; margin: 0 8px 8px 0;
    border-radius: 24px; border: 1px solid #DDD; 
    background: #FFF;
}
.search-content {
    display: flex; 
    flex-direction: column; align-items: flex-start;
    width: 1465px;
    margin: 50px 0 0px;
}
.search-content:first-child {
    margin-top: 0;
}
.search-content h3 {
    font-size: 42px; font-weight: 600; letter-spacing: -0.42px;
    padding: 30px 0px;
    width: 100%;
    border-bottom: 2px solid #000;
}
.search-list-details {
    width: 100%;
}
.search-list-details .row.details {
    display: flex;
    flex-direction: column; align-items: flex-start;
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #DDD;
}
.search-list-details .row.details .col {
    padding: 8px 0;
}
.search-list-details .row.details .col.prs-lct {
    display: flex;
    flex-direction: row; justify-content: flex-start; align-items: center;
    padding: 0; padding-bottom: 8px;
}
.search-list-details .row.details .col.prs-lct span {
    display: flex;
    font-size: 14px; font-weight: 400;
    padding-right: 8px;
}
.search-list-details .row.details .col.prs-lct span.svg {
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.search-list-details .row.details .col.prs-lct span:last-child {
    color: var(--clr-sky);
}
.search-list-details .row.details .col strong {
    font-size: 20px; font-weight: 600; letter-spacing: -0.2px;
    color: var(--clr-black);
}
.search-list-details .row.details .col.nodate {
    display: flex;
    justify-content: center; align-items: center ;
    width: 100%;
}

ul.feature-list {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin-left: 0px;
	list-style: none;
	gap: 0px;
}

ul.feature-list li {
	flex: 1 1 calc(50% - 20px);
	display: flex;
	flex-direction: column-reverse; /* 이미지가 아래로 */
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 20px;
	box-sizing: border-box;
	background-color: #D7EEFF;
}

ul.feature-list li img {
	width: 100%;
	height: auto;
	border-radius: 6px;
	margin-top: 7px;
}

/* 텍스트 블록 감싸기 */
ul.feature-list li .text-block {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	flex: 1;
}
.title {
	font-weight: bold;
	font-size: 16px;
	color: #097CD3;
	margin-bottom: 6px;
}

.desc {
	font-size: 13px;
	color: #555;
	margin-bottom: 10px;
}


/*디지털 트윈 기술이 발주자에게 주는 이점*/
    table.blue-benefit-table {
      width: 100%;
      border-collapse: collapse;
      font-family: Arial, sans-serif;
    }

    .blue-benefit-table td {
      padding: 16px 20px;
      vertical-align: middle;
    }

    .blue-benefit-table .left {
      background-color: #2b67b1; /* 파란색 */
      color: #fff;
      font-weight: bold;
      width: 180px;
      text-align: center;
      white-space: nowrap;
    }

    .blue-benefit-table .right {
      background-color: #f4f7fb; /* 연한 회색/파랑톤 */
      color: #2b67b1;
    }
/*디지털 트윈 기술이 발주자에게 주는 이점*/

/******************************* 2025-05-18 */
ul.feature-list.lt-0 {
    margin-left: 0;
}
.block-title-list.mt100 > li,
.block-title-list.width33.mt100 > li {
    position: relative;
    margin-top: 100px;
}
.icon-box-circle {
    position: absolute; top: -100px; left: 50%; z-index: -1;
    transform: translateX(-50%);
    display: flex; 
    justify-content: center; align-items: center;
    width: 130px; height: 130px;
    border-radius: 100%;
    background-color: #00478A;
}
.icon-box-circle > img {
    width: 88px; height: 88px;
}
.icon-box-circle-1 {
    position: absolute; top: -60px; left: 50%; z-index: -1;
    transform: translateX(-50%);
    display: flex; 
    justify-content: center; align-items: center;
    width: 80px; height: 80px;
    border-radius: 100%;
    background-color: #00478A;
}
.icon-box-circle-1 > img {
    width: 38px; height: 38px;
}
.icon-box-circle-2 {
    position: absolute; top: -100px; left: 50%; z-index: 1;
    transform: translateX(-50%);
    display: flex; 
    justify-content: center; align-items: center;
    width: 130px; height: 130px;
    border-radius: 100%; border: 3px solid #00478A;;
    background-color: #fff;
}
.icon-box-circle-2 > img {
    width: 88px; height: 88px; 
}
.icon-box-circle-3 {
    position: absolute; top: -40px; left: 50%; z-index: 1;
    transform: translateX(-50%);
    display: flex; 
    justify-content: center; align-items: center;
    width: 80px; height: auto;
    font-size: 4rem; font-weight: 800; line-height: 1;
    color: #00478A;
}
.inp-new-25 {
    width: 100%; height: 18px;
    pointer-events: none; /* 조작 비활성화 * 클릭/드래그 금지 */
}

.table-vertical.new25 thead th {
    padding: 4px 15px;
}
.table-vertical.new25 tr td {
    padding: 10px 8px;
    border-right: 1px solid var(--clr-table-border);
    font-size: 14px;
}
.table-vertical.new25 tr td.no-border {
    border-left: 0px;
}
.section-overview-expansion .grid-parent .figure-dark .flex > img.w50 {
    width: 50%;
}
.blue-benefit-table td p.title {
    background: #00478A;
    color: #fff;
}
.blue-benefit-table td div.fs-12 {
    font-size: 12px; line-height: 1.6;
    padding-top: 16px;
    color: #00478A;
}
.blue-benefit-table td div.fs-12 > strong {
    font-weight: 700;
}
.blue-benefit-table td.fx-box{
    vertical-align: middle;
}
.card-box-25 {
    background-color: #F1F8FD;
    padding: 16px 16px; margin-top: 50px;
}

/****************************************** 2025.05.25 ***********************************/
.card-box-list {
	display: flex;
	width: 100%;
}
.card-box-list > ul {
	display: flex;
    flex-wrap: nowrap; flex-direction: row;
	width: 100%;
}
.card-box-bodr {
    position: relative;
	display: flex;
    align-items: center; justify-content: center; flex-direction: column;
	border: 1px solid #097CD3; border-radius: 8px;
	width: 32% !important; height: 100%; margin: 0 2%;
}
.card-box-bodr.Four {
	width: 23.5% !important; margin: 0 1%;
}
.card-box-bodr:last-child {
	margin-right: 0
}
.card-box-bodr:first-child  {
	margin-left: 0
}
.card-box-bodr > h3 {
	display: flex;
    align-items: center; justify-content: center; flex-direction: column;
	width: 100%;
	padding: 10px 0;
	background: #D7EEFF; border-radius: 4px;
	color: #097CD3;
	font-size: 18px; font-weight: 600; letter-spacing: -0.18px;
}
.card-box-bodr > .details {
    display: flex;
    justify-content: center; align-items: flex-start;
    width: 100%; height: 100%;
    text-align: center;
	padding-top: 8px;
	font-size: 14px;
}
.card-circle-list > ul {
    margin-top: 100px;
	display: flex;
    flex-wrap: nowrap; flex-direction: row;
}
.card-circle-list > ul > li > h3 {
	height: 120px;
    text-align: center;
    justify-content: flex-end;
    padding: 0 16px 16px;
}
.card-circle-list > ul > li .icon-box-circle-2 {
	top: -78px;
	border-color: #D7EEFF !important;
}
.card-box-bodr .icon-box-circle-1 {
    top: -78px; z-index: 1;
    border-color: #D7EEFF !important;
	background: #D7EEFF !important;
	width: 130px; height: 130px;
}
.card-box-bodr .icon-box-circle-1 > svg {
	 fill: #097CD3;
}
.card-box-bodr:last-child .icon-box-circle-1 > svg {
	 fill: #097CD3;
	 stroke: #097CD3;
}

/************************ 2025.06.23 */
.row-fx {
	display: flex;
    flex-direction: row; align-items: center;
	widht: 100%;
}
.row-fx .sign {
	margin: 0 20px -10px 0;
}
.justify-content-flex-end {
	justify-content: flex-end;
}
.justify-content-center {
	justify-content: center;
}
.img-flex-justify-flex-end {
	display: flex;
    flex-direction: row; justify-content: flex-end; align-items: center;
}
.row-fx .col {
	display: flex;
}
.row-fx .col:first-child {
	padding-right: 12px;
}


@media (max-width: 769px) {
	ul.feature-list li {
	flex: 1 1 100%;
	}
}

@media (hover: hover) and (pointer: fine) {
    .section-navigation h3:hover,
    .section-navigation h4:hover,
    .section-navigation h5:hover { opacity: 1; }
}
@media screen and (min-width: 1281px) {
    .section-social-human .grid-parent-4 .table-horizontal tbody th { padding-top: 15px; padding-bottom: 15px; line-height: 1.4; }
    .section-social-human .grid-parent-4 .table-horizontal tbody td { padding-top: 10px; padding-bottom: 10px; }
    .section-social-human .grid-parent-4 > [class*="col"] p { margin-bottom: 12px; }
    .section-social-human .grid-parent-4 > [class*="col"] p:first-child { margin-top: -6px !important; }
}
@media screen and (min-width: 769px) {
    .mobile-scroll-image .image-wrap img { width: inherit; height: auto; }
}
@media screen and (max-width: 1280px) {
    .main-sub { overflow-x: hidden; }
    
    .flex-column-mo { flex-direction: column; }

    /* Grid */
    .grid:not(.grid-cutting) { margin: -20px; }
    .grid:not(.grid-cutting) > [class*="col"] { padding: 20px; }
    .grid > .col-4 { width: 50%; }
    .grid[class*="parent"] > [class*="col"] { width: 100% !important; }
    .grid-outline>[class*="col"]::after { content: none; }
    .grid-outline .bg-heading { width: calc(100% - 48px); }
    .grid-outline > [class*="col"] { width: 100%; }
    .grid-outline > [class*="col"] .icon-wrap img { width: 80px; }
    .grid.grid-card .card { padding: 16px; }

    .page-search-container { top: 68px; right: 5%; }
    .page-search-container .page-search-body .input { width: 150px; }
    .page-search-container .page-search-head .title { font-size: 13px; }
    .page-search-container .page-search-head .indicator { font-size: 10px; }
    .page-search-container .button-toggle { font-size: 13px; }
    .page-search-container .page-search-body { height: 35px; }
    .page-search-container .page-search-body .button-wrap .prev,
    .page-search-container .page-search-body .button-wrap .next { width: 26px; }

    .sub-visual { height: 720px; }
    .sub-visual .background { height: 300px; }
    .sub-visual .heading { font-size: 48px; padding: 200px 0 120px; }
    .sub-visual-basic { height: 500px; }
    .sub-visual-basic .heading { font-size: 48px; }
    
    .sub-visual-tab { top: 70px; padding: 0 5%; }
    .sub-visual-tab .swiper { overflow: visible; padding-left: 0; }
    .sub-visual-tab .swiper-slide { margin-right: 30px; }
    .sub-visual-tab .swiper-slide a { height: 70px; line-height: 70px; font-size: 16px; }

    .sub-container { display: block; margin-top: 80px; margin-bottom: 120px; padding: 0 5%; }
    .section-navigation { width: 200px; }
    .section-navigation .lists { top: 110px; }
    .section-navigation h3 { font-size: 14px; padding-bottom: 10px; }

    /* Text */
    .marker::before { height: calc(100% - 10px); }
    .underline { line-height: 1.65 !important; text-underline-offset: 0.25em; }
    
    /* .h1 { font-size: inherit; } */
    .h2 { font-size: 30px; }
    .h3 { font-size: 34px; line-height: 1.19; }
    .h5 { margin: 16px 0; line-height: 1.4; font-size: 20px; }
    .h6 { margin: 6px 0; line-height: 1.4; font-size: 16px; }
    
    .p1 { font-size: 20px; }
    .p2 { font-size: 18px; }
    .p3 { font-size: 15px; }
    .p4 { font-size: 14px; }
    .p5 { font-size: 13px; line-height: 1.5; }
    .p6 { font-size: 12px; }
    .p19 { font-size: 16px; }
    .p18 { font-size: 17px; }
    .p12 { font-size: 11px; }
    .p22 { font-size: 20px; }

    .section-container .section { margin-top: 100px; margin-bottom: 100px; font-size: 14px; }
    .section-container .section-child,
    .section-container .section-grandchild { margin-top: 60px; margin-bottom: 60px; }
    .section-container .heading-primary::before { height: calc(100% - 24px); transform: translateY(-6px); }


    /* Layout */
    .image-wrap:not(:first-child),
    .table-container:not(:first-child),
    .round-unit-container:not(:first-child),
    .card-container:not(:first-child),
    .grid-container:not(:first-child),
    .block-title-list:not(:first-child),
    .bloque:not(:first-child),
    .bloque-figure:not(:first-child),
    .line-box:not(:first-child) { margin-top: 20px !important; }

    .round-unit-container { gap: 16px; }
    .round-unit-container .round-unit dt,
    .round-unit-container .round-unit-vertical dt { padding: 8px; font-size: 16px; }
    .round-unit-container .round-unit dd,
    .round-unit-container .round-unit-vertical dd { padding: 12px 24px; }

    .text-unit { font-size: 24px; }

    .bloque { padding: 24px; }

    .line-box { padding: 24px; }
    
    .index-box-grid { gap: 24px; padding: 24px; }
    .index-box .index { width: 100%; }

    .index-list .index .title { font-size: 16px; }

    .step-chevron > ul { flex-direction: column; }
    .step-chevron > ul > li { margin-top: 30px; }
    .step-chevron li:first-child .step-chevron-head,
    .step-chevron .step-chevron-head { margin-right: 0; padding: 20px 24px; height: auto; }
    .step-chevron .step-chevron-head::before,
    .step-chevron .step-chevron-head::after { content: none; }
    .step-chevron .step-chevron-body { padding: 24px 0; }


    /* Tables */
    .table-vertical thead th { font-size: 15px; }
    .table-vertical tbody td { font-size: 13px; }

    .table-primary tbody th,
    .table-primary tbody td { padding: 4px 10px; }
    .table-primary thead th { padding: 10px; font-size: 16px; }

    .table-navy thead th { font-size: 16px; }

    .table-icon thead th { padding-right: 2px; padding-left: 2px; }
    .table-icon tbody td { padding: 10px; font-size: 13px; }
    .table-icon .icon-title { padding: 10px 14px; font-size: 16px; }
    .table-icon .icon-title .icon { width: 40px; height: 40px; }



    /* Sub */
    /* Overview */
    .section-overview-global .global .text-wrap { display: flex; position: static; }
    .section-overview-global .global .text-wrap > .row { margin-right: 30px; }
    .section-overview-global .global .p2 { margin-top: 0; }

    .legend-container { padding: 0; }
    .legend-container .legend-head .number { font-size: 24px; }
    .legend-container .legend-head .title { font-size: 16px; }
    .legend-container .legend-head .text { font-size: 13px; }
    .legend-container .legend-body dt,
    .legend-container .legend-body dd { font-size: 13px; }

    /* Social */
    .section-social-human .grid-parent-4 > .col:last-child .image-wrap { right: 20px; width: 100px; }
    .section-social-human .flex.gray-box { padding: 15px; }
    .section-social-training .grid-parent-3 > [class*="col"]:nth-child(2) .flex,
    .section-social-training .grid-parent-3 > [class*="col"]:nth-child(4) .flex,
    .section-social-training .grid-parent-3 > [class*="col"]:nth-child(6) .flex,
    .section-social-training .grid-parent-3 > [class*="col"]:nth-child(7) .flex { margin-top: 0; }
    .section-social-training .round-unit-container .round-unit-vertical { width: 100%; }
    .section-social-diffusion .grid-parent-3 > .col-2:nth-child(2) .line-box figure:not(:first-child) { margin-top: 20px; }
    .section-social-diffusion .line-box .text-3 { padding-right: 0; }
    
    /* Sustainability */
    .section-sustainability-intro .image-wrap { margin-top: 0 !important; }
    .section-sustainability-appraisal .esg .alphabet { width: 50px; font-size: 70px; }

    /* Environmental */
    .section-overview-expansion .grid-parent .flex { flex-direction: column; }
    .section-overview-expansion .grid-parent-1 .grid-child > .col-2:nth-child(2) { width: 100%; }

    /* Governance */
    .section-governance-advancement .bloque-figure { flex-wrap: wrap; }
    .section-governance-advancement .bloque-figure .figure { width: 100%; }
    .section-governance-ethics .table-container.mt8 { margin-top: 0 !important; }

    /* Appendix */
    .section-third .footnote .signature { font-size: 14px; }
    .section-third .footnote .row:first-child { transform: none; }
    .section-third .footnote .row:first-child img { width: 100px; }
    .section-third .footnote .row:last-child { margin-top: 0; }
    .section-third .footnote .row:last-child img { margin-left: 15px; width: auto; height: 35px; }
}
@media screen and (max-width: 1024px) {
    .section-navigation { display: none; }
}
@media screen and (max-width: 768px) {
    p { text-align: left; }

    .mobile-scroll { overflow: visible; position: relative; margin-top: 30px; margin-bottom: 30px; padding-bottom: 25px; }
    .mobile-scroll:first-child { margin-top: 0; }
    /* .mobile-scroll:last-child { margin-bottom: 0; } */
    .mobile-scroll .swiper-slide { width: auto; }
    /* .mobile-scroll .image-wrap { margin-bottom: 0; } */
    .mobile-scroll img { max-width: none; }
    .mobile-scroll .table-container { max-width: 1100px; }
    .mobile-image { width: 100%; height: auto; }
    
    .grid[class*="child"] > [class*="col"] { width: 100%; }
    .grid-outline > [class*="col"] { padding-left: 0; padding-right: 0; }
    .grid-outline .bg-heading { left: 0; width: 100%; }
    
    .sub-visual { height: 600px; }
    .sub-visual .background { height: 220px; background-attachment: scroll; }
    .sub-visual .heading { font-size: 36px; padding: 180px 0 85px; }
    .sub-visual-basic .heading { font-size: 36px; }

    .section-container .heading-primary { margin-bottom: 22px; padding-left: 14px; padding-bottom: 14px; }
    .section-container .heading-primary::before { width: 3px; }
    .section-container .section-basic { padding-top: 60px; padding-bottom: 60px; }

    .sub-container { margin-bottom: 100px; }


    /* Text */
    .h3 { font-size: 26px; }


    /* Layout */
    .round-unit-container { flex-direction: column; }
    .round-unit-container .round-unit,
    .round-unit-container .round-unit-vertical { flex-direction: column; }
    .round-unit-container .round-unit dt,
    .round-unit-container .round-unit dd { justify-content: center; width: 100%; }
    .round-unit-container .round-unit .text-unit { margin-top: 0; margin-bottom: 0; }

    .block-title-list > li { width: 50%; }

    .index-box .index { flex-direction: column; }
    .index-box .index .title { margin-top: 0; margin-bottom: 0; }
    .index-box .index .dot-basic { padding: 14px; width: 100%; }

    .line-basic.flex > [class*="col"] { width: 100%; }

    .mobile-scroll + .footnote,
    .table-container + .footnote { margin-top: -15px; }


    /* Sub */
    /* Overview */
    .section-overview-service .goal .grid > .col-2:nth-child(3),
    .section-overview-service .goal .grid > .col-2:nth-child(5) { margin-top: 0; }
    .section-overview-global .mobile-scroll .image-wrap img { width: auto; height: 400px; }

    /* Social */
    .section-social-diffusion .grid-parent-3 > .col-2:nth-child(2) .image-wrap { margin-top: 15px; margin-bottom: 0; }
    .section-social-human .grid-parent-4 > .col:last-child .image-wrap { top: -25px; width: 60px; }
    .section-social-contribution .grid-parent-2 .grid-child > .col-2:first-child { flex: 1 1 auto; }
    .section-social-contribution .grid-parent-2 .grid-child > .col-2:last-child { width: 100%; }
    .section-social-contribution .grid-parent-2 .grid-child > .col-2:last-child img { margin-top: -20px; margin-bottom: 10px; width: 100%; }

    /* Sustainability */
    .section-sustainability-intro .footnote { justify-content: flex-start; }
    .section-sustainability-intro .image-wrap { margin-top: 0 !important; }
    .section-sustainability-participation .table-navy .p19 { font-size: 18px; }
    .section-sustainability-participation .table-navy .p2 { font-size: 32px; }

    /* Appendix */
    .section-achieve-certification .grid,
    .section-appendix-member .grid { margin: -5px; }
    .section-achieve-certification .grid > [class*="col"],
    .section-appendix-member .grid > [class*="col"] { padding: 5px; width: 50% !important; }
    .section-appendix-member .card { display: flex; align-items: center; justify-content: center; }
    .section-achieve-report .grid { margin: -5px; }
    .section-achieve-report .grid > [class*="col"] { padding: 5px; }

}
@media screen and (max-width: 425px) {

	.section-overview-expansion .grid .col-2 figure .image-text { width: 80%; font-size: 14px; left: 10px; bottom: 5px; }
}


/************************ 2025.06.23 */
@media screen and (max-width: 768px) {
	.card-box-list > ul {
		display: flex;
		flex-direction: column;
	}
	.card-circle-list > ul {
		display: flex;
		flex-direction: column;
		margin-top: 0px;
	}
	.card-circle-list > ul li {
		margin-top: 100px;
	}
	.card-box-bodr,
	.card-box-bodr.Four {
		width: 100% !important;
		margin: 8px 0;
	}
	.section-container .section-child {
        margin-top: 16px;
        margin-bottom: 16px;
    }
	.section-container .section {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
	.col-2 .h6.mo {
		display: none;
	}
	.mo-mt0 {
        margin-top: 0px !important;
    }
	.mo-mt1 {
        margin-top: 10px !important;
    }
	.mo-mb0 {
        margin-bottom: 0px !important;
    }
	.mo-pt0 {
        padding-top: 0px !important;
    }
	.mo-pb0 {
        padding-bottom: 0px !important;
    }
	.mobile-scroll {
		margin:  0px !important;
        padding-bottom: 0px !important;
	}
}

@media print {
    * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    html,
    body { margin: 0 !important; padding: 0 !important; height: auto; }
    sup { font: 5.25pt; }
    p { margin: 10px 0; }
    
    .header,
    .footer,
    .scroll-top a,
    .section-navigation,
    .page-search-container,
    .sub-visual-tab { display: none; }


	/* 페이지 출력 
	@page {
	  margin: 20mm;
	  @bottom-center {
		content: "Page " counter(page) " of " counter(pages);
		font-size: 12px;
		color: #888;
	  }
	}
	/* 페이지 출력 */

    /* 프린트화면에서 이미지 축소 & 가운데 정렬 */
    .image-wrap-print-shrink { text-align: center; }
    .image-wrap-print-shrink img { width: 80%; }

    .image-wrap-print-shrink40 { text-align: center; }
    .image-wrap-print-shrink40 img {
        width: 40% !important;
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
    }

    .image-wrap-print-shrink50 { text-align: center; }
    .image-wrap-print-shrink50 img {
        width: 50% !important;
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
    }

    .image-wrap-print-shrink60 { text-align: center; }
    .image-wrap-print-shrink60 img {
        width: 60% !important;
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
    }

    .image-wrap-print-shrink80 { text-align: center; }
    .image-wrap-print-shrink80 img {
        width: 80% !important;
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
    }

    .image-wrap-print-shrink70 { text-align: center; }
    .image-wrap-print-shrink70 img {
        width: 70% !important;
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
    }

    .image-wrap-print-shrink90 { text-align: center; }
    .image-wrap-print-shrink90 img {
        width: 85% !important;
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
    }

    .grid:not(.grid-cutting) { margin: -20px; }
    .grid:not(.grid-cutting) > [class*="col"] { padding: 20px; }

    .grid-outline > [class*="col"] { padding: 12px 12px 18px; }
    .grid-outline > [class*="col"]::after { height: calc(100% - 12px); }
    .grid-outline .bg-heading { top: 8px; left: 12px; padding: 4px; width: calc(200% - 24px); }
    .grid-outline .bg-heading-3 { width: calc(300% - 24px); }
    .grid.grid-card { margin: -3px;}
    .grid.grid-card > [class*="col"] { padding: 3px; }
    .grid.grid-card .card { padding: 15px; border-radius: 4px; }
    
    .table-basic th,
    .table-basic td { padding: 4px; }
    .table-basic th:first-child { padding-left: 0; }

    .table-primary { font-size: 7.5pt; }
    .table-primary thead th { padding: 8px; font-size: 9.5pt; }
    .table-primary tbody th,
    .table-primary tbody td { padding: 5px 10px; }

    .table-secondary thead th { padding: 2px 10px; font-size: 9pt; }
    .table-secondary tbody td { padding: 15px 12px; }
    .table-secondary .text-unit { margin-top: 16px; }

    .table-primary .alphabet::before,
    .table-secondary .alphabet::before { font-size: 34.5pt; }

    .table-tertiary thead th { padding: 8px; font-size: 8.5pt; }
    .table-tertiary tbody td { padding: 4px 8px; font-size: 7pt; }
    .table-tertiary tbody td::after { width: calc(100% - 5px); }

    .table-normal thead th { padding-top: 4px; padding-bottom: 4px; line-height: 1.45; font-size: 9.5pt; }
    .table-normal tbody td { padding-top: 2px; padding-bottom: 2px; font-size: 7pt; }

    .table-vertical thead th { padding: 2px 6px; font-size: 8.5pt; }
    .table-vertical tbody td { padding: 2px 6px; font-size: 7pt; }

    .table-horizontal tbody th { padding: 8px 6px; }
    .table-horizontal tbody td { padding: 8px 6px; }

    /* .table-icon thead th { padding: 14px 4px 0; font-size: 8.5pt; } */
    .table-icon thead th { padding: 0 4px; font-size: 8.5pt; }
    .table-icon tbody td { padding: 10px 12px; font-size: 7.5pt; }
    .table-icon .icon-title { padding-left: 8px; font-size: 8pt; }
    .table-icon .icon-title .icon { width: 30px; height: 30px; }

    .table-navy thead th { padding: 6px; font-size: 8.5pt; }
    .table-navy tbody td { font-size: 7pt; }

    .mobile-scroll + .footnote,
    .table-container + .footnote { margin-top: 8px; }
    .mobile-scroll + .footnote small,
    .table-container + .footnote small { font-size: 6.35pt; }
    .mobile-scroll + .footnote small .marker,
    .table-container + .footnote .marker { font-size: 6.35pt; }

    .text-unit { font-size: 15.5pt; }

    .round-unit-container .round-unit dt,
    .round-unit-container .round-unit-vertical dt { padding: 3px; font-size: 10pt; }
    .round-unit-container .round-unit dt { padding: 5px; }
    .round-unit-container .round-unit-vertical dd { padding: 10px 15px; }
    .round-unit-container .round-unit-vertical dd p { font-size: 12pt; }
    .round-unit-container .text-unit { margin-top: 0; margin-bottom: 0; }

    .card-container .card { padding: 15px; }

	.legend-container { padding: 16px 16px 0; line-height: 1.4 }
    .legend-container .legend { margin-bottom: 5px; padding: 8px 12px; }
    .legend-container .legend-head { margin-bottom: 10px; padding-bottom: 6px; }
    .legend-container .legend-head .title { font-size: 8.5pt; }
    .legend-container .legend-head .title .icon { width: 8px; height: 14px; }
    .legend-container .legend-head .number { font-size: 10pt; }
    .legend-container .legend-body .row { margin: 5px 0; }
    .legend-container .legend-head .text { font-size: 6.75pt; }
    .legend-container .legend-body dt { font-size: 6.75pt; }
    .legend-container .legend-body dt::before { margin-top: -2px; width: 7px; height: 7px; }
    .legend-container .legend-body dd { font-size: 6.75pt; }

    .line-bullet-list .row dt::before { top: 6px; left: -22px; width: 5px; height: 5px; }
    .line-bullet-list .row dd { margin-top: 8px; }

    .line-feature-list dd::before { top: 4px; width: 3px; height: 3px; }

    .check-data-list dd { padding-left: 12px; }
    .check-data-list dd::before { top: 2px; width: 8px; height: 8px; }

    .dot-basic li::before { width: 2px; height: 2px; }

    .step-chevron .step-chevron-head { padding: 13px 50px; height: 80px; }
    .step-chevron .step-chevron-head::before,
    .step-chevron .step-chevron-head::after { border-top-width: 40px; border-bottom-width: 40px; border-left-width: 30px; }
    .step-chevron .step-chevron-head::before { left: -0.0725em; }
    .step-chevron .step-chevron-head::after { right: -2.5em; }
    .step-chevron .step-chevron-body { padding: 12px 15px 0; }
    .step-chevron li:first-child .step-chevron-head { padding-left: 30px; padding-right: 30px; }

    .index-box .index .dot-basic { padding: 6px 25px 6px 0; }

    .index-list .index .title { font-size: 8pt; }
    
    .data-block-list { padding: 8px; font-size: 6.5pt; }
    .data-block-list dl { display: flex; flex-wrap: wrap; gap: 0 15px; }
    .data-block-list .col-wrap { gap: 6px 0; }
    .data-block-list .col { display: flex; align-items: center; background: #fff; }
    .data-block-list dt { padding: 8px; width: 80px; }

    .mt6 { margin-top: 25px !important; }
    .mt8 { margin-top: 35px !important; }
    .mb8 { margin-bottom: 35px !important; }

    /* 상단 여백 추가 디바이스도 추가 */
    .mt,
    .image-wrap:not(:first-child),
    .mobile-scroll:not(:first-child),
    .table-container:not(:first-child),
    .round-unit-container:not(:first-child),
    .card-container:not(:first-child),
    .grid-container:not(:first-child),
    .block-title-list:not(:first-child),
    .bloque:not(:first-child),
    .bloque-figure:not(:first-child),
    .line-box:not(:first-child) { margin-top: 15px !important; }

    .sub-visual { height: auto; }
    .sub-visual .heading { position: static; padding: 48mm 0 38mm; color: var(--clr-black) !important; transform: none !important; visibility: visible !important; opacity: 1 !important; }
    .sub-visual .background { position: static; height: 80mm; background-attachment: scroll; transform: none !important; visibility: visible !important; opacity: 1 !important; }
    .sub-visual .heading,
    .sub-visual-basic .heading { font-size: 23pt; }
    .sub-visual-basic { margin-top: 47mm; height: 80mm; break-after: page; }
    .sub-visual-basic .text-wrap { padding-top: 0; }

    
    /*
    최소 16px <-> 7.5pt~

    h1: 
    h2: px <-> 10.5pt
    h3: 40px <-> 10pt;
    h4: 30px <-> 9.5pt
    h5: 22px <-> 9pt;
    h6: 18px <-> 8.5pt

    p1: ??px <-> pt
    p2: 20px <-> 9.5pt
    p3: 16px <-> 7.5pt
    p4: 15px <-> 6.5pt
    p5: 14px <-> 6pt
    p6: 13px <-> 6pt
    */

    .page-break { break-before: page; }

    .card-container.card-container-4 .card picture img {
    height: 180px !important;
    width: auto;
    display: block;
    margin: 0 auto;
    object-fit: contain;
  }

  .limit-print-img {
    max-height: 470px !important;
    width: auto !important;
    display: block;
    margin: 0 auto;
    object-fit: contain;
  }

    .section-child.section-child-skip .grid-parent-3 > .col-9 > .grid.grid-child {
        width: 85% !important;
        margin: 0 auto !important;
        box-sizing: border-box;
    }

    .section-child.section-child .grid-parent-3 > .col-9 > .grid.grid-child > .block-title-list.mt100 {
        width: 90% !important;
        margin: 0 auto !important;
        box-sizing: border-box;
    }

    .section-child.section-child-skip .grid-parent-3 > .col-2 .grid-child.nomargin picture,
    .section-child.section-child-skip .grid-parent-3 > .col-2 .grid-child.nomargin img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        width: 90% !important;
        max-width: 450px !important;
        height: auto !important;
    }


    .feature-list {
        width: 100%;           /* 원하는 너비(예시: 60%) */
        font-size: 12px;      /* 글자 크기 조정 */
        line-height: 1.2;
        padding: 4px 8px;
        margin: 0 auto;       /* 가운데 정렬 (필요시) */
    }
    .feature-list li {
        margin-bottom: 2px;
    }
    .sub-container { margin: 0; padding: 0; }
    
    .section-container { width: 100%; transform: none !important; visibility: visible !important; opacity: 1 !important; }
    .section-container .section { margin-top: 0; padding-left: 0; break-before: page; }
    /* 일반 섹션 배경 제거 */
    .section-container .section-basic { background: none !important; }
    .section-container .section-basic:not(.section-basic-skip) { padding-top: 0; padding-bottom: 0; break-before: page; }
    .section-container .section-basic-skip { padding-top: 40px; padding-bottom: 40px; }
    .section-container .section-basic.bg-gray::before { content: none; }
    .section-container .section-child:not(.section-child-skip),
    .section-container .section-grandchild:not(.section-child-skip) { margin-top: 0; margin-bottom: 0; break-before: page; }
    .section-container .section-grandchild:first-child { margin-top: 0; }
    .section-container .section-child-skip { margin-top: 40px; margin-bottom: 40px; }
    /* .section-container .section-child:last-child { break-after: avoid; break-inside: avoid; } */
    .section-container .heading-primary { margin-bottom: 10px; padding-left: 10px; padding-bottom: 8px; }
    .section-container .heading-primary::before { width: 2px; height: calc(100% - 9px); transform: translateY(-4px); }
    .section-container .h5 { margin: 6px 0; }
    .section-container .h6 { margin: 4px 0; }

    .marker { padding-left: 5px; }
    .marker::before { width: 1px; height: calc(100% - 14px); transform: translateY(-1px); }

    .section-container .section { font-size: 9pt; }
    .h1 { font-size: 14.25pt; }
    .h2 { font-size: 13pt; }
    /* .h3 { font-size: 12pt; } */
    .h3 { font-size: 13.5pt; }
    .h4 { font-size: 11.5pt; }
    /* .h5 { font-size: 11pt; } */
    .h5 { font-size: 11.25pt; }
    .h6 { font-size: 10.5pt; }

    .p1 { font-size: 12pt; }
    .p2 { font-size: 11.25pt; }
    /* .p3 { font-size: 10.5pt; } environmental -> table-primary 요소로 인해 감소 필요 */
    .p3 { font-size: 9pt; }
    .p4 { font-size: 8.25pt; }
    .p5 { font-size: 7.5pt; }
    .p6 { font-size: 6.75pt; }
    .p12 { font-size: 6.25pt; }
    .p22 { font-size: 14pt; }


     /* Sub: Overview */
    .section-overview-philosophy .grid-parent { margin: -20px -20px -20px; }
    .section-overview-philosophy .grid-parent > .col { padding: 20px; }
    .section-overview-philosophy .grid-parent .h5:not(:first-child) { margin-top: 40px; }
    .section-overview-philosophy .grid-parent .image-wrap-1 img { width: 500px; }
    .section-overview-philosophy .image-wrap img { width: 50%; max-width: 100%; }
    .section-overview-philosophy .vision .h2 { margin-bottom: 12px; }
    .section-overview-philosophy .value .title { margin: 2px 0 5px; }
    .section-overview-financial .h5 { margin-bottom: 5px; }
    .section-overview-financial .p1 { margin-bottom: 5px; padding-bottom: 2px; }
    .section-overview-financial .grid-parent .h3 { margin-top: 8px; }
    .section-overview-service .goal .grid > .col-2:nth-child(3) { margin-top: -15px; }
    .section-overview-service .goal .grid > .col-2:nth-child(5) { margin-top: -15px; }
    .section-overview-business .line-bullet-list { margin-top: 20px; }
    .section-overview-business .grid-child { margin-top: 10px; }
    .line-bullet-list .row { padding-bottom: 12px; }
    .line-bullet-list .row dt { margin-bottom: 4px; }
    .line-bullet-list .row dd { margin-top: 4px; }
    .section-overview-pm .image-wrap { margin-bottom: 10px; }
    .section-overview-pm .grid-parent { margin-top: -5px; margin-bottom: 18px; }
    .section-overview-pm .grid-parent > .col { padding-top: 18px; padding-bottom: 18px; }
    .section-overview-pm .grid-parent .h6 { margin-top: 10px; }
    .section-overview-pm .grid-parent .h6 + p { margin-top: 5px; margin-bottom: 10px; }
    .section-overview-pm .ul2 li:first-child { margin-bottom: 46px; }
    .section-overview-global .table-basic { margin: 20px 0 12px; }
    .section-overview-global .global .text-wrap { bottom: -30px; }
    .section-overview-global .global .p2 { margin-top: 24px; }
    .section-overview-action .grid-1 .card { padding: 12px 14px 14px; }
    .section-overview-action .grid-1 .card:not(:first-child) { margin-top: 14px; }
    .section-overview-innovation .grid-parent-1 { margin-top: -20px; }


    /* Sub: Sustainability */
    .section-sustainability-intro .image-wrap { text-align: right; }
    .section-sustainability-intro .grid-parent > .col-2:first-child .image-wrap img { width: auto; height: 40px; }
    .section-sustainability-intro .grid-parent > .col-2:last-child .image-wrap img { width: auto; height: 500px; }
    .section-sustainability-goal .icon-wrap img { width: auto; height: 29px; }
    .section-sustainability-appraisal .section-child { margin: 0; break-inside: revert; break-after: revert; }
    .section-sustainability-appraisal .section-child:nth-child(2) .image-wrap img { width: auto; height: 530px; }
    .section-sustainability-appraisal .esg .alphabet { font-size: 34.5pt; }
    .section-sustainability-appraisal .esg .lists li { font-size: 7.5pt; }
    .section-sustainability-participation .table-navy .p2 { font-size: 7.25pt; }
    .section-sustainability-participation .table-navy .p18,
    .section-sustainability-participation .table-navy .p19 { font-size: 6.5pt; }
    .section-sustainability-participation .table-navy tbody td { padding: 5px; }
    .section-sustainability-participation #tab6-1 { height: 100mm; }


    /* Environmental */
    /* .section-overview-management .grid-parent-1 img { max-width: 90%; height: auto; } */
    .section-overview-management .section-child:nth-child(4) { margin-top: 0; } /* 한페이지로 담아지도록 여백 강제 줄임 */
    .section-overview-management .grid-child-1 { margin-right: -7px; margin-left: -7px; }
    .section-overview-management .grid-child-1 > .col-2 { padding-left: 7px; padding-right: 7px; width: 45%; }
    .section-overview-management .grid-parent-1 > .col-2 img { width: 85%; }
    .section-overview-expansion .grid-parent .figure-dark img { width: auto; height: 135px; }
    .section-overview-expansion .grid-1 > .col-2:first-child { width: 35%; }
    .section-overview-expansion .grid-1 > .col-2:last-child { width: 65%; }
    .section-overview-expansion .grid-1 > .col-2:last-child img { max-width: 50%; height: auto; }
    .section-overview-expansion .grid-3 a picture { margin-bottom: 20px; }
    .section-overview-expansion .grid-2 .image-wrap img { width: 95%; height: auto; }
    .section-overview-expansion .grid-2 > .col-2:last-child .image-wrap { text-align: right; }
    .section-overview-expansion .grid-5 .icon-wrap img { width: 100px; height: auto; }
    .section-overview-expansion .card-container-4 picture { margin-top: 20px; }
    .section-overview-innovation .grid-parent-3 { margin-bottom: -60px; }
    .section-overview-innovation .grid-parent-3 > .col-2:first-child img { max-width: 70%; height: auto; }
    .section-overview-innovation .grid-parent-3 .grid-child { margin: -7px; }
    .section-overview-innovation .grid-parent-3 .grid-child > .col-2 { padding: 7px; width: 35%; }
    .section-overview-innovation .grid-child .p13 { font-size: 6.5pt; }
    .section-overview-innovation .grid-parent-1 .check-basic > li { font-size: 7pt; }
    .section-overview-innovation .grid-parent-2 .flex img { width: 250px; height: auto; }


     /* Sub: Social */
    .section-social-diffusion .line-box { gap: 15px; padding: 10px 15px; }
    .section-social-diffusion .grid-parent-3 > .col-2:nth-child(2) .image-wrap { margin: 0 0 26px; }
    .section-social-diffusion .grid-parent-3 > .col-2:nth-child(2) .line-box { justify-content: flex-start; }
    .section-social-diffusion .grid-parent-3 > .col-2:nth-child(2) .line-box figure:first-child img { width: 75%; }
    .section-social-diffusion .grid-parent-3 > .col-2:nth-child(2) .line-box figure:not(:first-child) img { width: auto; height: 100px; }
    /* .section-social-diffusion .grid-parent-3 > .col-2:nth-child(2) .line-box figure:not(:first-child) img { width: 50%; transform: translateX(50px); } */
    /* .section-social-diffusion .grid-parent-3 > .col-2:nth-child(3),
    .section-social-diffusion .grid-parent-3 > .col-2:nth-child(4) { margin-top: -40px; } */
    .section-social-diffusion .grid-parent-3 .figure-parent-1 img { width: 70%; }
    .section-social-diffusion .grid-parent-3 .figure-parent-1 .flex > .col:last-child img { width: 50%; }
    .section-social-diffusion .grid-parent-4 img { width: 70%; }
    

    .section-social-human .grid-parent-1 { margin-top: 0; } 
    .section-social-human .grid-parent-2 { margin-top: 0; } 
    .section-social-human .grid-parent-3 > .col-4:nth-child(n + 9) { margin-top: 40px; }
    .section-social-human .grid-parent-4 > .col:last-child .image-wrap { right: 18px; }
    .section-social-human .grid-parent-4 > .col:last-child .image-wrap img { width: 100px; height: auto; }
    .section-social-training .grid-parent-3 .icon-wrap img { width: 30px; }
    .section-social-training .grid-parent-3 .flex { margin-top: 40px; }
    .section-social-training .grid-parent-3 .p2 { font-size: 9pt; }
    .section-social-contribution .grid-parent-2 > .col-2:nth-child(3),
    .section-social-contribution .grid-parent-2 > .col-2:nth-child(4) { margin-top: 40px; }
    .section-social-contribution .grid-parent-2 > .col-2:nth-child(5),
    .section-social-contribution .grid-parent-2 > .col-2:nth-child(6) { padding-top: 5px; }
    .section-social-contribution .grid-parent-2 .footnote { margin-top: 5px; }
    

    /* Sub: Governance */
    .section-governance-advancement .table-primary tbody td { height: auto; }
    .section-governance-advancement .grid-parent-2 .image-wrap img { width: auto; height: 50mm; }
    .section-governance-advancement .bloque-figure { padding-top: 20px; padding-bottom: 20px; }
    .section-governance-advancement .bloque-figure figcaption { margin-bottom: 20px; }
    .section-governance-advancement .bloque-figure .figure img { width: auto; height: 25mm; }
    .section-governance-advancement .section-grandchild:last-child { margin-top: 20px; }
    .section-governance-risk .table-vertical tbody td { height: auto; }
    .section-governance-risk .grid-parent-1 .page-break,
    .section-governance-risk .grid-parent-1 .page-break ~ .col-3 { margin-top: -20px; }
    .section-governance-risk .page-center { margin-right: auto; margin-left: auto; width: 90%; }
    .section-governance-risk .index-box { gap: 10px 15px; padding: 15px; }
    .section-governance-risk .index { width: calc(33.33333% - 10px); }
    .section-governance-risk .index .title { margin-top: 0; margin-bottom: 0; }
    .section-governance-risk .index-box .index .dot-basic { padding-top: 5px; padding-bottom: 5px; }
    .section-governance-risk .grid-parent-1 { margin: -20px -15px -10px; }
    .section-governance-risk .grid-parent-1 > .col-3 { padding: 10px 15px; }
    .section-governance-risk .step-chevron .step-chevron-head { padding-right: 20px; padding-left: 45px; }
    .section-governance-risk .step-chevron li:nth-child(1) .step-chevron-head::after { right: -2.45em; }
    .section-governance-risk .step-chevron li:nth-child(3) .step-chevron-head::after { right: -2.45em; }
    .section-governance-risk .step-chevron li:nth-child(2) .step-chevron-head::before { left: -0.08em; }
    .section-governance-risk .step-chevron li:nth-child(4) .step-chevron-head::after { right: -2.5em; }
    .section-governance-risk .step-chevron li:nth-child(5) .step-chevron-head::after,
    .section-governance-risk .step-chevron li:nth-child(6) .step-chevron-head::after { right: -2.5em; }


    /* Appendix */
    .certification-container { margin-top: 30px; }
    .certification-container img { width: auto; height: 155mm; }
    .section-achieve-certification .grid-parent-1 .card { min-height: auto; }
    .section-achieve-report .grid-parent-1 .card::before { padding-top: calc(240 / 468 * 100%); }
    .section-third .h5.page-break { margin-top: 0 !important; }
    .section-third .p18 { font-size: 9.625pt; }
    .section-third .footnote .row:first-child { transform: none; }
    .section-third .footnote .signature { font-size: 9pt; }
    .section-third .footnote .row:first-child img { width: auto; height: 50px; }
    .section-third .footnote .row:last-child img { margin-left: 15px; width: auto; height: 30px; }
    .section-certification p { margin-top: 8px; margin-bottom: 8px; }

    /* 임시 */
    .image-wrap.temp { max-width: 90%; }
    .image-wrap.temp2 { max-width: 96%; }
	
	.print-img-25 { height: 325px; }
	.print-img-26 { height: 486px; }
}

@page { size: landscape; margin-right: 1cm; margin-left: 1cm; margin-top: 1.5cm; margin-bottom: 1.5cm; }