@charset "utf-8";
/* Info
 ========================================================================== */
/**
 * 1. Writer: Ajin Lee. (Weaverloft Corp.)
 * 2. Production Date: 2025-04
 * 3. Client: COWAY Co.,Ltd
 */

/*========== [지속가능경영 체계] Sustainability ==========*/
.sustainability-sec .common-table td .list-style.col2 > li:nth-child(odd) {width: 228px;}
.sustainability-sec .common-table td .list-style.col2 > li:nth-child(even) {min-width: 200px;width: auto;}
.responsibility-sec .visual-img-wrap.code:has(.diagram-box) {width: 1160px;}
.responsibility-sec .respon-index .index-step-list.index-list01 .list-dl {background-image: url('../images/sub/environmental/responsibility/respon-index-icon-01.svg');}
.responsibility-sec .respon-index .index-step-list.index-list02 .list-dl {background-image: url('../images/sub/environmental/responsibility/respon-index-icon-02.svg');}
.responsibility-sec .respon-index .index-step-list.index-list03 .list-dl {background-image: url('../images/sub/environmental/responsibility/respon-index-icon-03.svg');}

/*========== [이중 중대성 평가] Materiality ==========*/
.materiality-sec .materiality .content-visual {margin: 30px 0 0;}
.materiality-sec .materiality .visual-area {margin: 15px 0 0;}
.materiality-sec .materiality .index-step-list .index-step-left {width: clamp(240px, 20.31vw, 390px);}
.materiality-sec .materiality .index-step.no-icon .index-step-list .list-dl {padding: 0; background-image: none;}
.materiality-sec .materiality .index-step.no-icon .index-step-text {margin: 0; color: var(--text-dark-color);}
.materiality-sec .materiality .index-step.no-icon .list-style {margin: 20px 0 0;}
.materiality-sec .materiality .index-step.no-icon .list-style > li { font-size: var(--text18-16); color: var(--text-gray-color);}
.materiality-sec .materiality .visual-img-wrap.code.process {padding: 1.8em 2.50em;}
.materiality-sec .materiality .list-icon-check {flex-direction: row;gap: 26px;}
.materiality-sec .materiality .list-icon-check > li { flex: 1; width: 100%; border-radius:0;border: none; padding: 0; }
.materiality-sec .materiality .index-step-list .list-icon-check.program .list-dl .list-dt {padding: 0 0 0 1.75em;font-size: 1.125rem;line-height: 1.222;}
.materiality-sec .materiality .list-icon-check.program > li .list-dl.check::before {width: 18px; height: 18px;}
.materiality-sec .materiality .index-step-list .state-step .list-dl ul.list-dd {display: flex; margin: 18px 0 0;border-top: 2px solid var(--main-color); border-bottom: 1px solid #E2E2E2;}
.materiality-sec .materiality .index-step-list .state-step .list-dl ul.list-dd > li { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; width: 100%; min-height: 108px; padding: 15px 5px;}
.materiality-sec .materiality .index-step-list .state-step .list-dl ul.list-dd > li + li {position: relative;}
.materiality-sec .materiality .index-step-list .state-step .list-dl ul.list-dd > li + li::before {content: ''; position: absolute; top: 15px; left: 0; width: 1px; height: calc(100% - 30px); background-color: #ddd;}
.materiality-sec .materiality .index-step-list .state-step .list-dl ul.list-dd > li .list-dd-sut-tit {font-size: 1.125rem;font-weight: 700; font-variation-settings: 'wght' 700; color: var(--text-dark-color);text-align: center;}
.materiality-sec .materiality .index-step-list .state-step .list-dl ul.list-dd > li .list-dd-sut-txt {margin: 8px 0 0; font-size: 1rem;font-weight: 400; font-variation-settings: 'wght' 400; color: var(--text-gray-color); text-align: center; word-break: keep-all;}
.materiality-sec .critical-issue-table th .con-th {min-width: 94px;}
.materiality-sec .sub-list {padding-top: 30px;}

@media (max-width: 1520px) {
    .materiality-sec .materiality .index-step-list .index-step-left {width: clamp(180px, 14.47vw, 220px);}
}
@media (max-width: 1024px) {
    .materiality-sec .materiality .index-step-list {flex-direction: column;gap: 2em; padding: 2.14em 0;}
    .materiality-sec .materiality .index-step-list .index-step-left {width: 100%;}
    .materiality-sec .materiality .list-icon-check {flex-direction: column;gap: 28px;}
    .materiality-sec .materiality .visual-img-wrap.code.process {padding: 30px 20px;}
    .materiality-sec .txt-visual-area .txt-visual-cont.image.mw-470 {width: 100% !important;}
    .materiality-sec .materiality .visual-area {margin: 20px 0 0;}
    .materiality-sec .sub-list {padding-top: 20px;}
}
@media (max-width: 768px) {
    .materiality-sec .txt-visual-area .txt-visual-cont.image.mw-470 {max-width: 100%;}
}