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

.tab-container { margin-top: 6.25em; }
.tab-content-wrap {margin-top: 5em;}

/*========== [ESG 데이터] Esgdata ==========*/
.esgdata-sec .content-wrap + .content-wrap {margin-top: 5.63em;}
.esgdata-sec .sub-list {margin: 0.938em 0 0;}
.esgdata-sec .tab-menu  li.tab-link {max-width: 180px;}
.esgdata-sec .common-table th.w17p {width: 200px;}
.esgdata-sec .common-table td.w17p {width: 200px;}
.esgdata-sec .common-table td.w-190 {width: 190px;}
.esgdata-sec .common-table td.w-180 {width: 180px;}
.esgdata-sec .common-table td.w-160 {width: 165px;}
.esgdata-sec .common-table td.w-150 {width: 150px;}
.esgdata-sec .common-table td.w-100 {width: 100px;}
.esgdata-sec .common-table td.w-60 {width: 60px;}
.esgdata-sec .common-table td.w-60 .con-td {min-width: auto;}

@media (max-width: 1024px) {
    .esgdata-sec .common-table td.w-160 {width: 150px;}
    .esgdata-sec .content-wrap + .content-wrap {margin-top: 4.57em;} 
    .esgdata-sec .sub-list {margin: 2.14em 0 0;}
}
@media (max-width: 768px) {
    .tab-container { margin-top: 4.57em; }
    .tab-content-wrap {margin-top: 2.86em;}
}

/*========== [보고프레임워크] Frame ==========*/
.frame-sec .tab-menu  li.tab-link {max-width: 160px;}
.frame-sec .common-table td {padding: 10px 0.750em;}
.frame-sec .common-table th.w36p {width: 490px;}
.frame-sec .common-table td .con-td a span { background-image: linear-gradient(transparent calc(100% - 1px), #333 1px); background-repeat: no-repeat; background-size: 0% 100%; transition: all 400ms; }
.frame-sec .common-table td .con-td a:hover span {background-size: 100% 100%;}

/*========== [정책 및 이니셔티브] Policy ==========*/
/* 지속가능성 정책 */
.policy-sec .tab-menu li.tab-link {width: auto;}
.policy-sec .tab-menu li.tab-link a {padding: 0.938em 3.33em 0.875em;}
.policy-sec .intro-wrap .intro-list {padding: 1.54em 0;}
.policy-sec .intro-wrap .intro-list .intro-cont {justify-content: space-between;padding-left: 30px; padding-right: 20px;}
.policy-sec .intro-wrap .intro-list .intro-cont + .intro-cont {position: relative;}
.policy-sec .intro-wrap .intro-list .intro-cont + .intro-cont::before {content: ''; position: absolute;top: 50%; left: 0; transform: translate(0, -50%); width: 1px; height: calc(100% - 36px); min-height: 36px; background-color: #ddd; }
.policy-sec .intro-tit {width: auto;font-size: var(--text20-16);}
.policy-sec .intro-txt.link {gap: 20px; width: auto; font-size: 1.125rem;}
.policy-sec .intro-txt.link > a {display: flex; align-items: center; gap: 8px; transition:opacity 400ms; font-size: inherit;}
.policy-sec .intro-txt.link > a:hover {opacity: 0.7;}

@media (max-width: 1520px) {
    .policy-sec .intro-txt.link {font-size: clamp(14px, 1.18vw,1.125rem);}
}
@media (max-width: 1024px) {
    .policy-sec .intro-wrap .intro-list {padding: 18px 0;}
    .policy-sec .intro-wrap .intro-list .intro-cont {padding-left: 10px;padding-right: 10px;}
    .policy-sec .intro-wrap .intro-list:has(.intro-cont + .intro-cont) .intro-cont:nth-child(1) {padding: 0 10px 18px 10px;}
    .intro-wrap .intro-list .intro-cont + .intro-cont {padding: 18px 10px 0}
    .policy-sec .intro-wrap .intro-list .intro-cont + .intro-cont::before {display: none;}

}
@media (max-width: 768px) {
    .policy-sec .tab-menu li.tab-link {width: auto;}
    .policy-sec .tab-menu li.tab-link a {padding: 10px 24px;}
    .policy-sec .intro-txt.link {gap: 12px;}
    .policy-sec .intro-txt.link > a {gap: 4px;}
}

/* 평가 및 이니셔티브 */
.logo-area .mv-cont-text .point-txt {font-size: 1.38rem;}
.logo-area .mission-vision-cont {padding: 0; background-image: none;}
.logo-area .mission-vision-cont.list-box .list-box-wrap {flex:initial;flex-wrap: wrap;flex-direction: row; gap: 16px;width: 100%;}
.logo-area .mission-vision-cont.list-box .list-box-wrap .mv-cont-text { flex:initial;justify-content: space-between; width: calc(100%/3 - 11px); padding: 20px; border-color: #ddd;}
.logo-area .mission-vision-cont.list-box .list-box-wrap .mv-cont-text .logo-img {display: flex; justify-content: center; align-items: center; width: 100%; aspect-ratio: 396 / 180;}
.logo-area .mission-vision-cont.list-box .list-box-wrap .mv-cont-text > p {display: flex; justify-content: space-between; align-items: center;padding: 18px 24px;border-radius: 10px;}
.logo-area .mission-vision-cont.list-box .list-box-wrap .mv-cont-text > p .text-md {font-weight: 600; font-variation-settings: 'wght' 600; color: var(--text-dark-color);}
.logo-area .mission-vision-cont.list-box .list-box-wrap .mv-cont-text > p .point-txt {font-size: 1.38rem; font-weight: 600; font-variation-settings: 'wght' 600;}

.policy-sec .content-wrap:has(.content-title + .logo-list-area) .content-title {margin: 0 0 0.94em;}    
.logo-list-area .index-step-list {gap: 3.44em; padding: 2.19em 20px;}
.logo-list-area .index-step-left {display: flex; justify-content: center; align-items: center; align-self: center; width: clamp(240px, 20.63vw, 24.75em);}
.logo-list-area .index-step-list .index-step-text { margin: 1em 0 0;}
.logo-list-area .index-step-txt br {display: none;}
.logo-list-area .index-step-list.index-list01 .index-step-left .logo-img {aspect-ratio: 192 / 56;}
.logo-list-area .index-step-list.index-list02 .index-step-left .logo-img {aspect-ratio: 128 / 111;}
.logo-list-area .index-step-list.index-list03 .index-step-left .logo-img {aspect-ratio: 132 / 56;}
.logo-list-area .index-step-list.index-list04 .index-step-left .logo-img {aspect-ratio: 208 / 47;}

@media (max-width: 1520px) {
    .logo-area .mission-vision-cont.list-box .list-box-wrap .mv-cont-text > p .point-txt {font-size: clamp(1rem, 1.447vw,1.38rem);}
}
@media (max-width: 1024px) {
    .logo-area .mv-cont-list {display: block;}
    .logo-area .mv-cont-list {display: block;}
    .policy-sec .content-wrap .content-title + .logo-area {padding-top: 4px;}
    .logo-area .mission-vision-cont.list-box .list-box-wrap .mv-cont-text .logo-img { aspect-ratio: 303 / 80;}
    .logo-area .mission-vision-cont.list-box .list-box-wrap .mv-cont-text .logo-img figure { max-width: 56%;}
    .logo-area .mission-vision-cont.list-box .list-box-wrap .mv-cont-text.logo01 .logo-img figure { width: 148px;}
    .logo-area .mission-vision-cont.list-box .list-box-wrap .mv-cont-text.logo02 .logo-img figure { width: 142px;}
    .logo-area .mission-vision-cont.list-box .list-box-wrap .mv-cont-text.logo03 .logo-img figure { width: 106px;}
    .logo-area .mission-vision-cont.list-box .list-box-wrap .mv-cont-text.logo04 .logo-img figure {  width: 178px;}
    .logo-area .mission-vision-cont.list-box .list-box-wrap .mv-cont-text.logo05 .logo-img figure {  width: 127px;}
    .logo-area .mission-vision-cont.list-box .list-box-wrap .mv-cont-text.logo06 .logo-img figure {  width: 188px;}
    .logo-area .mission-vision-cont.list-box .list-box-wrap .mv-cont-text {width: calc(100%/2 - 8px); padding: 16px;}
    .logo-area .mission-vision-cont.list-box .list-box-wrap .mv-cont-text > p {padding: 14px 16px;}

    .policy-sec .content-wrap:has(.content-title + .logo-list-area) .content-title {margin: 0 0 20px;}
    .policy-sec .content-wrap .content-title + .logo-list-area {padding-top: 4px;}
}
@media (max-width: 768px) {
    .logo-area .mission-vision-cont.list-box .list-box-wrap {gap: 20px;}
    .logo-area .mission-vision-cont.list-box .list-box-wrap .mv-cont-text {width: 100%;gap: 4px;}

    .logo-list-area .index-step-list {gap: 30px; padding: 30px 0;}
    .logo-list-area .index-step-left {width: 100%;}
    .logo-list-area .index-step-txt br {display: block;}
    .logo-list-area .index-step-list.index-list01 .index-step-left .logo-img { max-width: 176px;}
    .logo-list-area .index-step-list.index-list02 .index-step-left .logo-img { max-width: 93px;}
    .logo-list-area .index-step-list.index-list03 .index-step-left .logo-img {max-width: 97px;}
    .logo-list-area .index-step-list.index-list04 .index-step-left .logo-img { max-width: 184px;}
}

/*========== [제3자 검증의견서] Download ==========*/
.agency-sec .anchor-title {color: var(--text-dark-color);}
.agency-sec .tab-menu {max-width: 446px;}
.agency-sec .tab-menu li.tab-link {width: calc(100% / 2);}
.agency-sec .tab-menu li.tab-link a {padding: 0.938em 0 0.875em;}
.agency-sec .list-style > li.circle::before {top: 0.80em;}
.agency-sec .sign-wrap {display: flex;align-items: center;gap: 16px;margin: 40px 0 0;}
.agency-sec .sign-wrap .banner-txt.title {font-size: 1.38rem;font-weight: 600;font-variation-settings: 'wght' 600;color: var(--text-dark-color);}
.agency-sec .sign-wrap img {width: 160px;aspect-ratio: 160 / 42;}
.agency-sec .content-wrap .licensed {width: 352px;aspect-ratio: 352 / 90;}
@media (max-width: 1520px) {
    .agency-sec .sign-wrap .banner-txt.title {font-size: clamp(16px, 1.45vw, 1.38rem);}
}
@media (max-width: 1024px) {
    .agency-sec .content-wrap .licensed {width: 220px;}
}
@media (max-width: 768px) {
    .agency-sec .tab-menu {max-width: 330px;}
    .agency-sec .sign-wrap img {width: 92px;}
}

/*========== [보고서 다운로드] Download ==========*/
.download-sec .agency-cont {display: flex;gap: 5em;}
.download-sec .agency-cont-left { width: 27.00em; font-size: var(--h-basic-text);}
.download-sec .side-sticky-wrap {width: 100%;}
.download-sec .side-sticky {width: 27.00em; background-color: #fff; font-size: var(--h-basic-text);}
.download-sec .side-sticky.fixed {padding-top: 30px;}
.download-sec .agency-sticky { width: 100%; padding: 2.50em 4em; background-color: #F0F8FC; border-radius: 10px; font-size: var(--h-basic-text);}
.download-sec .agency-sticky figure {width: 12.69em; margin: 0 auto; aspect-ratio: 203 / 288;}
.download-sec .agency-sticky .text22-18 {font-size: var(--text20-18);margin: 5px 0 1.09em; text-align: center; font-weight: 500;font-variation-settings: 'wght' 500;}
.download-sec .agency-sticky .title-sm {display: block; margin: 10px 0 0; font-size: 1.75rem; font-weight: 700;font-variation-settings: 'wght' 700; text-align: center;}
.download-sec .agency-cont-right {flex: 1; margin: 4.25em 0 0; width: 100%; font-size: var(--h-basic-text);}
.download-sec .agency-sticky .btn-wrap {display: flex; gap: 8px; justify-content: center;}
.download-sec .intro-area {margin: 0;}
.download-sec .intro-wrap .intro-list .intro-cont {gap: 0.938em;margin-left: -7px;}
.download-sec .intro-cont-left {width: 8em; font-size: var(--h-basic-text);}
.download-sec .intro-cont-left figure {width: 100%; aspect-ratio: 128 / 161;}
.download-sec .intro-cont-right {display: flex; flex-direction: column; flex: 1; padding: 1.25em 0; font-size: var(--h-basic-text);}
.download-sec .intro-tit {width: 100%;text-align: initial;text-align-last: initial;text-justify: initial;font-weight: 500;font-variation-settings: 'wght' 500;}
.download-sec .intro-cont-right .text22-18 {font-size: 1.75rem;font-weight: 700;font-variation-settings: 'wght' 700;}
.download-sec .intro-txt.link {width: 100%;gap: 0;margin-top: auto; font-size: 1.125rem;}
.download-sec .intro-txt.link > a {display: flex; align-items: center; gap: 8px; position: relative;width: auto; transition:opacity 400ms; font-size: inherit;}
.download-sec .intro-txt.link .download-icon {width: 1.11em;height: 1.11em;}
.download-sec .intro-txt.link > a:hover {opacity: 0.7;}
.download-sec .intro-txt.link > a + a {padding-left: 0.72em; margin-left: 0.67em;}
.download-sec .intro-txt.link > a + a::before {content: '';position: absolute;top: 50%;left: 0;transform: translate(0, -50%);width: 1px;height: 1.11em;background-color: #ddd;}

@media (max-width: 1520px) {
    .download-sec .intro-txt.link {font-size: clamp(14px, 1.18vw, 1.125rem);}
    .download-sec .agency-sticky .title-sm {font-size: clamp(22px, 1.84vw, 1.75rem);}
    .download-sec .intro-cont-right .text22-18 {font-size: clamp(22px, 1.84vw, 1.75rem);}
}
@media (max-width: 1280px) {
    .download-sec .section-inner.full {margin-left: clamp(20px, 3.933vw, 72px); margin-right: clamp(20px, 3.933vw, 72px);}
    .download-sec .agency-cont {gap: 40px;}
    .download-sec .side-sticky-wrap {display: block;}
}
@media (max-width: 1024px) {
    .download-sec .intro-cont-left {padding: 8px 0 4px;margin-left: -7px;}
    .download-sec .intro-cont-right {padding: 25px 0 12px;margin-left: -7px;}
    .download-sec .intro-wrap .intro-list .intro-cont {gap: 15px;margin-left: 0;}
    .download-sec .intro-wrap .intro-list {padding: 0;}
    .download-sec .intro-wrap .intro-list:has(.intro-cont + .intro-cont) .intro-cont:nth-child(1) {padding-bottom: 0;}
    .download-sec .intro-wrap .intro-list .intro-cont + .intro-cont {padding: 0;}
}
@media (max-width: 768px) {
    .download-sec .agency-cont {flex-direction: column;}
    .download-sec .side-sticky {width: 100%;}
    .download-sec .agency-sticky {padding: 1.43em;}
    .download-sec .agency-cont-left {width: 100%;}
    .download-sec .agency-sticky .text22-18 {margin: 0.56em 0 1.11em;}
    .download-sec .agency-cont-right {margin: 0;}
    .download-sec .intro-cont-left {width: 105px;}
    .download-sec .agency-sticky .btn-wrap {gap: 4px;}
    .download-sec .side-sticky.fixed { position: static !important; transform:translateY(0) !important;}
}

/*========== [수상내역] Awards ==========*/
.awards-sec .schematic-box.line {display: inline-block;padding: 7px 16px; margin: 0 0 12px; font-size: var(--h-basic-text);font-weight: 600; font-variation-settings: 'wght' 600; color: var(--main-color);}
.awards-sec .logo-list-area .index-step-list.index-list01 .index-step-left .logo-img {aspect-ratio: 337 / 101;}
.awards-sec .logo-list-area .index-step-list.index-list02 .index-step-left .logo-img {aspect-ratio: 231 / 55;}
.awards-sec .logo-list-area .index-step-list.index-list03 .index-step-left .logo-img {aspect-ratio: 158 / 35;}
.awards-sec .logo-list-area .index-step-list.index-list04 .index-step-left .logo-img {aspect-ratio: 132 / 28;}
.awards-sec .logo-list-area .index-step-list.index-list05 .index-step-left .logo-img {aspect-ratio: 252 / 65;}
.awards-sec .logo-list-area .index-step-list.index-list06 .index-step-left .logo-img {aspect-ratio: 189 / 64;}
.awards-sec .logo-list-area .index-step-list.index-list09 .index-step-left .logo-img {max-width: 200px;}
.awards-sec .logo-list-area .index-step-list.index-list10 .index-step-left .logo-img {max-width: 180px;}

@media (max-width: 768px) {
    .awards-sec .schematic-box.line {padding: 7px 12px;}
    .awards-sec .logo-list-area .index-step-list.index-list01 .index-step-left .logo-img {max-width: 100%;}
    .awards-sec .logo-list-area .index-step-list.index-list02 .index-step-left .logo-img {max-width: 196px;}
    .awards-sec .logo-list-area .index-step-list.index-list03 .index-step-left .logo-img {max-width: 134px;}
    .awards-sec .logo-list-area .index-step-list.index-list04 .index-step-left .logo-img {max-width: 196px;}
    .awards-sec .logo-list-area .index-step-list.index-list05 .index-step-left .logo-img {max-width: 214px;}
    .awards-sec .logo-list-area .index-step-list.index-list06 .index-step-left .logo-img {max-width: 130px;}
    .awards-sec .logo-list-area .index-step-list.index-list09 .index-step-left .logo-img {max-width: 160px;}
    .awards-sec .logo-list-area .index-step-list.index-list10 .index-step-left .logo-img {max-width: 120px;}
}