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

/*========== [About This Report] Report ==========*/
.report-sec .timer-content .timer-cont-list .timer-txt {word-break: keep-all;}
.timer-content .timer-cont-list .timer-tit-wrap .timer-tit {min-width: 146px;}
.info-box .info-box-list.info-01 .list-dl { background-image: url('../images/sub/common/icon-info-building.svg');}
.info-box .info-box-list.info-02 .list-dl { background-image: url('../images/sub/common/icon-info-organization.svg');}
.info-box .info-box-list.info-03 .list-dl { background-image: url('../images/sub/common/icon-info-mail.svg');}
.report-sec .flow-split-char.highlight {color: var(--text-dark-color) !important;}

@media (max-width: 1380px) {
    .section-inner.full {max-width: 100%; margin: 0 clamp(20px, 3.933vw, 72px);}
}
@media screen and (max-width: 1200px) {
    .report-sec .timer-content .timer-cont-list .timer-txt br {display: none;}
}
@media screen and (max-width: 1024px) {
    .section-content.report-cont {padding: 50px 0 80px;}
}
@media (max-width: 900px) {
    .info-box {flex-direction: column;gap: 16px;}
}
@media (max-width: 768px) {
    .section-content.report-cont {padding-bottom: 0;}
}

/*========== [CEO 메시지] CEO ==========*/
.ceo-sec .banner-top {max-width: 1340px; margin: 6.25em auto 0;}
.ceo-sec .banner-top .banner-top-inner {position: relative;max-width: 100%;width: 100%;}
.ceo-sec .banner-top .banner-top-inner .section-inner.full {padding: 4em 6.88em;}
.ceo-sec .banner-top .banner-top-inner::before {top: -195px;right: -190px;left: auto; transform: rotate(80deg);}
.ceo-sec .banner-top .banner-top-inner::after {display: none;}
.ceo-sign-wrap {display: flex; align-items: center; gap: 16px; margin: 40px 0 0;}
.ceo-sign-wrap .banner-txt.title {font-size: 1.38rem;font-weight: 600; font-variation-settings: 'wght' 600;color: var(--text-dark-color);}
.ceo-sign-wrap img {width: 126px; aspect-ratio: 126 / 42;}
.ceo-sec .banner-top-right.profile {position: absolute;top: 33px;right: 100px;}
.ceo-sec .ceo-cont {max-width: 900px; margin-left: auto; padding: 90px 0;}
.ceo-sec .ceo-cont .content-wrap p { font-weight: 400; font-variation-settings: 'wght' 400;color: var(--text-dark-color);}
.ceo-sec .ceo-cont .content-wrap p + p { margin: 40px 0 0; }
.ceo-sec .flow-split-char br {display: none;}

@media (max-width: 1520px) {
    .ceo-sec .banner-top {max-width: 100%; margin: 6.25em clamp(20px, 3.933vw, 72px) 0;}
    .ceo-sign-wrap .banner-txt.title {font-size: clamp(16px, 1.45vw, 1.38rem);}
}
@media (max-width: 1280px) {
    .ceo-sec .banner-top-right.profile {right: 0;}
}
@media (max-width: 1024px) {
    .ceo-sec .banner-top {margin: 64px clamp(20px, 3.933vw, 72px) 0;}
    .ceo-sec .banner-top .banner-top-inner .section-inner.full {padding: 60px 30px 77px;}
}
@media (max-width: 768px) {
    .ceo-sec .txt-flow-wrap {margin: 15px 0 120px;}
    .ceo-sec .ceo-cont { padding: 60px 0;}
    .ceo-sec .ceo-cont .content-wrap p + p { margin: 30px 0 0; }
    .ceo-sec .banner-top-right.profile {top: 200px; width: 260px;}
    .ceo-sign-wrap img {width: 92px;}
    .ceo-sec .banner-top .banner-top-inner::before {width: 27.8em;}
}
@media (max-width: 520px) {
    .ceo-sec .flow-split-char br {display: block;}
    .ceo-sec .banner-top-right.profile {top: 246px; right: -60px; width: 232px;}
    .ceo-sign-wrap {flex-direction: column;align-items: flex-start;gap: 8px;}
}

/*========== [ESG위원장 메시지] Chairman ==========*/
.chairman-sec .banner-top .banner-top-inner::before {display: none;}
.chairman-sec .banner-top .banner-top-inner::after {opacity: 0.5; display: block;top: -60px;right: -94px;width: 17.50em; transform: rotate(80deg);}
.chairman-sec .banner-top-right.profile {right: 140px;}
@media (max-width: 1024px) {
    .chairman-sec .banner-top-right.profile {right: 60px;}
}
@media (max-width: 768px) {
    .chairman-sec .banner-top-right.profile {top: 160px;right: 30px;}
    .chairman-sec .banner-top .banner-top-inner::after {bottom: auto;}
}
@media (max-width: 570px) {
    .chairman-sec .ceo-sign-wrap {flex-direction: column;align-items: flex-start;gap: 8px;}
    .chairman-sec .banner-top-right.profile {top: 250px; right: -10px; width: 232px;}
}

/*========== [코웨이 소개] Introduction ==========*/
.index-modal-area {margin: 1.25em 0 0; font-size: var(--h-basic-text);}
.index-modal-wrap {display: flex; flex-wrap: wrap; gap: 3.13em; font-size: inherit;}
.index-modal-wrap .index-modal-list {width: calc(50% - 1.58em); max-width: 560px; font-size: var(--h-basic-text);}
.index-modal-img {overflow: hidden; border-radius:10px; aspect-ratio: 560 / 300;}
.index-modal-cont {margin: 20px 0 0;}
.index-modal-tit {font-family: 'Nunito Sans Variable', 'Nunito Sans', sans-serif;font-weight: 700; font-variation-settings: 'wght' 700;}
.index-modal-txt {margin: 10px 0 0; font-size: var(--text18-16);font-weight: 400; font-variation-settings: 'wght' 400; color: var(--text-dark-color); word-break: keep-all; } 
.chart-area-wrap.sales-chart { display: flex; justify-content: space-between; align-items: stretch; gap: 3em; padding: 1.88em 4.63em; margin: 2.50em 0 0; border-radius: 10px;border: 2px solid var(--line-basic-color); font-size: var(--h-basic-text);}
.chart-area-wrap.sales-chart .chart-summary-area { display: flex; flex-direction: column; justify-content: center; }
.chart-area-wrap.sales-chart .chart-area-wrap { flex: 1; align-self: stretch; max-width: 648px; }
.chart-area-wrap.sales-chart .chart-area-wrap .chart-area-inner { width: 100%; height: 100%; border-radius: 4px; background-color: #fff;}
.chart-area-wrap.sales-chart .chart-area-wrap .chart-area-inner .chart-wrap { display: flex; align-items: center; gap: 25px; font-size: var(--h-basic-text);}
.chart-area-wrap.sales-chart .chart-area-wrap .chart-area-inner .chart-wrap .chart-lsit {display: flex; width: 50%;}
.chart-top {display: flex; justify-content: flex-end; align-items: center; margin: 0 0 10px; }
.chart-top .unit {position: static; margin-right: -1.88em; font-size: 1rem;font-weight: 500; font-variation-settings: 'wght' 500;color: var(--text-light-gray-color);}
.chart-top-legend {display: flex; justify-content: center; align-items: center; gap: 20px; margin-left: 16%;}
.chart-top-legend > li {font-size: var(--h-basic-text);font-weight: 500; font-variation-settings: 'wght' 500; color: var(--text-gray-color);}
.chart-top-legend .legend-box { width: 12px; aspect-ratio: 1/1; border-radius:50%; margin-right: 5px; }
.chart-top-legend .legend-box.main { background-color: var(--main-color); }
.chart-top-legend .legend-box.blue { background-color: var(--main-point-color); }
.chart-area-wrap.sales-chart .donut-chart-wrapper { max-width: 200px;}
.chart-area-wrap.sales-chart .badge {display: inline-block;min-width: 112px; height: 34px; border-color: #C1DEEB; padding: 0.49em; font-size: 1rem; font-weight: 700; font-variation-settings: 'wght' 700; color: var(--text-dark-color); text-align: center;}
.donut-labels-container {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}
.donut-value-label { position: absolute; transform: translate(-50%, -50%); font-size: 1rem; color: #fff; text-align: center;transition: all 400ms;}
.donut-value-label .name {white-space: nowrap;font-weight: 700; font-variation-settings: 'wght' 700; }
.donut-value-label .value { white-space: nowrap;font-weight: 700; font-variation-settings: 'wght' 700;}
.donut-value-label .value span { margin-left: 1px; font-size: 12px;font-weight: 700; font-variation-settings: 'wght' 700;}
#salesPartChart .donut-value-label:nth-child(1) {margin-top: -10px; margin-left: -7px;}
#salesAccountChart .donut-value-label:nth-child(1) {margin-top: -10px; margin-left: -7px;}
#salesPartChart .donut-value-label:nth-child(2) {margin-left: 8px;}
#salesAccountChart .donut-value-label:nth-child(2) {margin-left: 3px;}
.introduction-sec .chart-summary-list { width: 100%; background-color: transparent; padding: 0; border-radius: 0; color: var(--text-dark-color);}
.introduction-sec .chart-summary-list + .chart-summary-list {margin: 1.60em 0 0;}
.introduction-sec .chart-summary-list .list-dl { display: flex; align-items: center; gap: 2.5em; font-size: var(--h-basic-text);}
.introduction-sec .chart-summary-list .list-dt { min-width: 94px; font-size: 1.38rem; font-weight: 700; font-variation-settings: 'wght' 700;}
.introduction-sec .chart-summary-list .list-dd {display: flex; align-items: center; flex: 1; text-align: left;}
.introduction-sec .chart-summary-list .list-dd .num {margin: 0; font-size: 1.38rem; font-weight: 400; font-variation-settings: 'wght' 400;}
.introduction-sec .chart-summary-list .list-dd .point {margin-right: 5px; font-size: 1.125rem; font-weight: 600; font-variation-settings: 'wght' 600; color: var(--main-point-color);}
.chart-area-wrap.sales-chart .chart-tooltip {display: none !important;}
.introduction-sec .visual-img-wrap.diagram {padding: 3.75em 1.25em;}
.world-area {margin: 40px 40px 0;}
.world-area .world-wrap {display: flex; flex-wrap: wrap; gap: 40px 44px;}
.world-area .world-wrap .world-list {width: calc(100%/3 - 30px);}
.world-tit {position: relative;}
.world-tit span {position: relative; z-index: 2; padding: 0 10px 0 36px; background-color: #fff; font-size: 1.125rem;font-weight: 700; font-variation-settings: 'wght' 700; color: var(--text-dark-color);}
.world-tit span::before { overflow: hidden; content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 26px; aspect-ratio: 1 / 1; border-radius: 50%; border: 1px solid #BAC8D0;background-repeat: no-repeat; background-position: left center; background-size: 100% auto;  }
.world-list.list01 .world-tit span::before { background-image: url('../images/sub/overview/introduction/introduction-ko.svg');}
.world-list.list02 .world-tit span::before { background-image: url('../images/sub/overview/introduction/introduction-m.svg');}
.world-list.list03 .world-tit span::before { background-image: url('../images/sub/overview/introduction/introduction-a.svg');}
.world-list.list04 .world-tit span::before { background-image: url('../images/sub/overview/introduction/introduction-t.svg');}
.world-list.list05 .world-tit span::before { background-image: url('../images/sub/overview/introduction/introduction-i.svg');}
.world-list.list06 .world-tit span::before { background-image: url('../images/sub/overview/introduction/introduction-v.svg');}
.world-tit::after { z-index: 1; content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; height: 1px; background-color: #BAC8D0; }
.world-area .list-style {margin: 20px 0 0;}
.world-area .list-style > li.circle::before {top: 7px;}
.world-area .list-style > li + li {margin: 10px 0 0;}
.introduction-sec .content-visual.video {margin: 4em 0 0; font-size: var(--h-basic-text);}
.introduction-sec .visual-img-wrap.pd-zero {background-color: #fff;}
.introduction-sec .visual-img-wrap.pd-zero img {background-color: #fff;}
.introduction-sec .section-content.anchor-content:last-child {padding-bottom: 50px;}

@media screen and (max-width: 1520px) {
    .introduction-sec .chart-summary-list .list-dd .num {font-size: clamp(18px, 1.58vw, 1.50rem);}
    .chart-top .unit {font-size: 14px;}
    .introduction-sec .chart-summary-list .list-dt { font-size: clamp(18px, 1.45vw, 1.38rem);}
    .introduction-sec .chart-summary-list .list-dd .num { font-size: clamp(18px, 1.45vw, 1.38rem);}
    .introduction-sec .chart-summary-list .list-dd .point{ font-size: clamp(18px, 1.45vw, 1.38rem);}
}
@media screen and (max-width: 1024px) {
    .introduction-sec .content-visual.mg-50 {margin-top: 40px !important;}
    .index-modal-area {margin: 20px 0 0;}
    .index-modal-txt br {display: none;}
    .chart-area-wrap.sales-chart .chart-area-wrap {max-width: 100%;}
    .chart-area-wrap.sales-chart {flex-direction: column;align-items: center;gap: 30px;padding: 30px 20px; margin: 20px 0 0;}
    .chart-top-legend {margin: 0;}
    .introduction-sec .chart-summary-list .list-dl {flex-direction: row; gap: 10px;}
    .chart-top .unit {margin: 0; font-size: 12px;}
    .introduction-sec .content-visual.video {margin: 2.86em 0 0;}
}
@media screen and (max-width: 768px) {
    .index-modal-wrap {flex-direction: column; flex-wrap: nowrap;gap: 40px;}
    .index-modal-wrap .index-modal-list {width: 100%;max-width: none;}
    .chart-area-wrap.sales-chart {padding: 40px 30px;gap: 60px;}
    .chart-area-wrap.sales-chart .chart-area-wrap .chart-area-inner {display: flex; flex-direction: column;}
    .chart-area-wrap.sales-chart .chart-area-wrap .chart-area-inner .chart-wrap {order: 3;margin: 30px 0 0;}
    .chart-area-wrap.sales-chart .chart-summary-area {padding: 0 10px;}
    .introduction-sec .chart-summary-list .list-dl {min-width: 255px;justify-content: space-between;}
    .introduction-sec .chart-summary-list .list-dd {width: 108px;}
    .chart-top {order: 1;margin: 0;margin-bottom: -18px;}
    .chart-top-legend {gap: 12px; order: 2;justify-content: flex-start;}
    .chart-top-legend .legend-box {width: 8px;}
    .chart-area-wrap.sales-chart .badge {padding: 0.41em;height: 31px;}
    .introduction-sec .chart-summary-list {width: 100%;}
    .introduction-sec .chart-summary-list .list-dd .point {font-size: 12px;}
}
@media screen and (max-width: 640px) {
    .chart-area-wrap.sales-chart .chart-area-wrap .chart-area-inner .chart-wrap {flex-direction: column;gap: 30px;}
    .chart-area-wrap.sales-chart .chart-area-wrap .chart-area-inner .chart-wrap .chart-lsit {width: 100%;flex-direction: column-reverse;align-items: center;}
    .chart-area-wrap.sales-chart .badge {width: 118px;}
}