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

#sub {zoom: 90%;}
.interaction-container {zoom: 100%;}
.inner-mg.flex {display: flex; gap: 3.13em; font-size: var(--h-basic-text);}
.inner-mg.flex .col-inner {width: 100%;}
.inner-mg.flex .col-inner .list-style > li.circle::before {top: 0.68em;}
@media screen and (max-width: 480px) {
    .inner-mg.flex {flex-direction: column; gap: 40px;}
}

/*========== common-table ==========*/
.visual-table-wrap {position: relative;}
.common-table { width: 100%; border-radius: 4px; border-collapse: collapse; border-spacing: 0; } 
.common-table.mo {display: none;}
.common-table th { padding: 10px 0.750em; background-color: var(--table-head-color); border-bottom: 1px solid var(--line-basic-color); border-right: 1px solid var(--line-basic-color); font-size: var(--h-basic-text); text-align: center; vertical-align: middle; } 
.common-table thead tr.thead-top th { border-top: 1px solid var(--main-txt-color); } 
.common-table td { padding: 10px 1.250em; background-color: #fff; border-bottom: 1px solid var(--line-basic-color); border-right: 1px solid var(--line-basic-color); font-size: var(--h-basic-text); text-align: center; vertical-align: middle; } 
.common-table td:has(.list-style) {vertical-align: top;}
.common-table td.top {vertical-align: top;}
.common-table td:has(.list-style).mid {vertical-align: middle;}
.common-table td .list-style.col2 {display: flex; flex-wrap: wrap; gap: 6px 14px;}
.common-table td .list-style.col2 > li {width: calc(100%/2 - 7px);}
.common-table td .list-style.col2 > li + li {margin: 0;}
.common-table th:last-child, .common-table td:last-child { border-right: none; } 
.common-table .con-th { min-width: 32px; font-size: var(--text18-16); font-weight: 600; font-variation-settings: 'wght' 600; color: var(--text-dark-color); word-break: keep-all;} 
.common-table .con-td { min-width: 32px; font-size: var(--text18-16); font-weight: 400; font-variation-settings: 'wght' 400; color: var(--text-dark-color); word-break: keep-all;} 
.common-table .con-td:has(.yes) {display: flex; align-items: center; justify-content: center;}
.common-table td.col-merge {padding: 0;}
.common-table .col-merge .con-td {display: flex; align-items: center; padding: 10px 1.250em;}
.common-table .col-merge .con-td.txt-center {justify-content: center;}
.common-table .col-merge .con-td + .con-td {border-top: 1px solid var(--line-basic-color);}
.common-table .col-merge .con-td-wrap {display: flex; flex-direction: column;height: 100%;}
.common-table th.txt-left, .common-table td.txt-left {text-align: left;}
.common-table th.txt-right, .common-table td.txt-right {text-align: right;}
.common-table td.merge { padding: 0.78em 1.11em; font-size: 1.125rem; font-weight: 600; font-variation-settings: 'wght' 600; color: var(--text-dark-color); text-align: left;}
.common-table td.merge .con-td{ font-size: 1.125rem; font-weight: 600; font-variation-settings: 'wght' 600; color: var(--text-dark-color);}
.common-table td.merge.pink {background-color: #FFF8F4;}
.common-table td.merge.gray {background-color: #F8F8F8;}
.common-table td.merge.skyblue {background-color: #F0FAFF;}
.common-table td.site .con-td {display: flex; align-items: center; }
.common-table td.site.flex-wrap .con-td {flex-wrap: wrap; gap: 8px 0;}
.common-table td.site .con-td + .con-td {margin-top: 15px;}
.common-table td.site .con-td a {display: flex;align-items: center; width: auto;cursor: pointer;}
.common-table td.site.flex-wrap .con-td a {width: 100%;}
.common-table td.site .con-td a span {background-image: linear-gradient(transparent calc(100% - 1px), #333 1px);background-repeat: no-repeat;background-size: 0% 100%;transition: background-size 400ms;font-weight: 400;font-variation-settings: 'wght' 400;color: inherit;}
.common-table td.site .con-td a span:hover {background-size: 100% 100%;}

.common-table th.w-min {width: 6%;}
.common-table th.w08p {width: 8%;}
.common-table th.w9p {width: 9.6%;}
.common-table th.w10p {width: 10%;}
.common-table th.w11p {width: 12%;}
.common-table th.w12p {width: 12.9%;} 
.common-table th.w13p {width: 13.4%;}
.common-table th.w14p {width: 14.6%;}
.common-table th.w15p {width: 16%;}
.common-table th.w16p {width: 16.7%;}
.common-table th.w17p {width: 17.6%;}
.common-table th.w19p {width: 19%;}
.common-table th.w20p {width: 20%;}
.common-table th.w21p {width: 21%;}
.common-table th.w22p {width: 22.4%;}
.common-table th.w23p {width: 23%;}
.common-table th.w24p {width: 24%;}
.common-table th.w25p {width: 25.6%;}
.common-table th.w26p {width: 26.8%;}
.common-table th.w27p {width: 27.5%;}
.common-table th.w28p {width: 28.4%;}
.common-table th.w29p {width: 29%;}
.common-table th.w31p {width: 31%;}
.common-table th.w32p {width: 32.7%;}
.common-table th.w33p {width: 33.33%;}
.common-table th.w36p {width: 36%;}
.common-table th.w39p {width: 39.6%;}
.common-table th.w41p {width: 41.6%;}
.common-table th.w43p {width: 43%;}
.common-table th.w44p {width: 44.8%;}
.common-table th.w48p {width: 48.6%;}
.common-table th.w49p {width: 49.5%;}
.common-table th.w53p {width: 53%;}
.common-table th.w50p {width: 50%;}
.common-table th.w55p {width: 55.8%;}
.common-table th.w68p {width: 68.9%;}
.common-table th.w72p {width: 72%;}
.common-table th.w82p {width: 82.4%;}

.common-table th.w33 {width: 33px;}
.common-table .h410 {height: 410px;}

.common-table .mo {display: none;}
.common-table .p0 {padding: 0;}
.common-table .p2 {padding: 2px;}

.common-table .yes { width: 14px; height: 14px; border-radius:50%; background-color: var(--main-color); text-indent: -9999px; }
.common-table .yes.stage { display: flex; align-items: center; gap: 4px; width: auto; height: auto;  background-color: transparent;text-indent: -9999px; }
.common-table .yes.stage span { width: 13px; aspect-ratio: 1/1; border-radius:50%; border: 1px solid var(--text-dark-color); background-color: #fff;}
.common-table .yes.stage span.chk { background-color: var(--text-dark-color);}

.border-left {border-left: 1px solid var(--line-basic-color) !important;}
.border-right {border-right: 1px solid var(--line-basic-color) !important;}
.border-top  {border-top: 1px solid var(--line-basic-color) !important;}

.common-table .light-bg {background-color: #ECF7FC !important;vertical-align: top;}
.common-table .blue-bg {background-color: #D3EFFC !important;}
.common-table .mid {vertical-align: middle;}
.common-table .vertical :is(.con-th, .con-td) { writing-mode: tb-rl; text-orientation: upright; }
.common-table .cell-sub {display: block; margin: 6px 0 0; font-size: var(--h-basic-text); font-weight: 400; font-variation-settings: 'wght' 400;color: var(--text-gray-color);word-break: keep-all;}

.br-top { border-top: 1px solid #9CABB2 !important; }
.br-left { border-left: 1px solid #9CABB2 !important; }
.br-right { border-right: 1px solid #9CABB2 !important; }
.br-btm { border-bottom: 1px solid #9CABB2 !important; }
.br-mid {border-left: 1px solid #9CABB2 !important; border-right: 1px solid #9CABB2 !important; }
.br-left-top {border-left: 1px solid #9CABB2 !important; border-top: 1px solid #9CABB2 !important; }
.br-right-top {border-right: 1px solid #9CABB2 !important; border-top: 1px solid #9CABB2 !important; }
.br-left-btm {border-left: 1px solid #9CABB2 !important; border-bottom: 1px solid #9CABB2 !important; }
.br-right-btm {border-right: 1px solid #9CABB2 !important; border-bottom: 1px solid #9CABB2 !important; }
.br-mid-btm {border-left: 1px solid #9CABB2 !important; border-right: 1px solid #9CABB2 !important; border-bottom: 1px solid #9CABB2 !important;}
.br-btm-none {border-bottom: none !important;}

.common-table .box-td {display: flex; flex-direction: column;}
.common-table .con-tit {font-weight: 600; font-variation-settings: 'wght' 600; color: var(--text-dark-color); }
.common-table .con-tit + .list-style {margin-top: 12px;}
.common-table .box-wrap .list-style {margin-top: 12px;}
.common-table .box-tit {padding: 0.89em 1.11em; border-bottom: 1px solid #9CABB2; font-weight: 600; font-variation-settings: 'wght' 600; color: var(--text-dark-color); }
.common-table .box-txt {font-weight: 600; font-variation-settings: 'wght' 600; color: var(--text-dark-color); }
.common-table .box-wrap { padding: 1em 1.25em; font-size: 1rem;}
.common-table .box-wrap.p0 { padding: 0;}
.common-table .list-style > li + li {margin: 0;}

.table-scroll.w1680 .common-table {min-width: 1680px;}
.scroll-x-sec.w1160 .visual-img-wrap {min-width: 1160px;}
@media screen and (max-width: 1280px) {
    .table-scroll.w1160 .common-table {min-width: 1160px;}
    .scroll-x-sec .visual-img-wrap.w1160 {min-width: 1160px;}
    .table-scroll.scroll-x-sec.w100p .common-table {width: 1160px;}
}
@media screen and (max-width: 1024px) {
    .table-scroll.w1100 .common-table {min-width: 1100px;}
    .table-scroll.w1040 .common-table {min-width: 1040px;}
    .table-scroll.w980 .common-table {min-width: 980px;}
    .table-scroll.w920 .common-table {min-width: 926px;}
    .table-scroll.w860 .common-table {min-width: 860px;}
    .table-scroll.w825 .common-table {min-width: 825px;}
    .table-scroll.w800 .common-table {min-width: 800px;}
    .table-scroll.w780 .common-table {min-width: 788px;}
    .table-scroll.w670 .common-table {min-width: 670px;}
    .table-scroll.w640 .common-table {min-width: 640px;}
    .table-scroll.w600 .common-table {min-width: 600px;}
    .scroll-x-sec .visual-img-wrap.w1040 {min-width: 1040px;}
    .scroll-x-sec .visual-img-wrap {min-width: 995px;}
    .scroll-x-sec .visual-img-wrap.w880 {min-width: 880px;}
    .scroll-x-sec .visual-img-wrap.w876 {min-width: 876px;}
    .scroll-x-sec .visual-img-wrap.w860 {min-width: 860px;}
    .scroll-x-sec .visual-img-wrap.w825 {min-width: 825px;}
    .scroll-x-sec .visual-img-wrap.w670 {min-width: 670px;}
    .scroll-x-sec .visual-img-wrap.w650 {min-width: 650px;}
    .scroll-x-sec .visual-img-wrap.w600 {min-width: 600px;}
}
@media screen and (max-width: 768px){
    .table-scroll {overflow: hidden; overflow-x: auto;padding-bottom: 15px;}
    .common-table.pc {display: none;}
    .common-table.mo {display: table;}
    .common-table td { padding: 1.125em 0.750em; } 
    .common-table .pc {display: none;}
    .common-table .mo {display: contents;}
    .common-table .mo-br-r-none {border-right: none;}
}
.table-scroll::-webkit-scrollbar { width: 4px; height: 4px; background-color: #fff; border-radius: 6px; } 
.table-scroll::-webkit-scrollbar-thumb { background-color: #666666; border-radius: 6px;} 
.table-scroll::-webkit-scrollbar-track { background-color: #E5E5E5;} 

/*========== Sub Top Interaction ==========*/
/* 인터랙션 컨테이너 공통 스타일 */
.interaction-container { position: absolute; top: 0; left: 50%;transform: translate(-50%, 0); width: 100%; max-width: 2100px; height: 100%; pointer-events: none; z-index: -1; } 
.interaction-container .shape { position: absolute; opacity: 0; font-size: var(--h-basic-text); transition: opacity 0.3s ease-out, width 0.4s ease-out, height 0.4s ease-out, top 0.4s ease-out, left 0.4s ease-out, right 0.4s ease-out, bottom 0.4s ease-out; } 
.interaction-container.transitioning .shape {transition: none !important;}

/* Overview */
.overview .interaction-container .shape-1 { width: 244px; height: 244px; border-radius: 50%; background-color: var(--main-color); top: -122px; left: -122px; } 
.overview .interaction-container .shape-2 { height: 100%; aspect-ratio: 1 / 1; border-radius: 50%; border: 50px solid var(--main-color); top: 0; right: -100%;} 
.overview .interaction-container .shape-3 { width: 266px; height: 100%; border-radius: 50% 0 0 50%; border: 50px solid var(--main-color); border-right: none; clip-path: polygon(0 0, 52% 0, 52% 100%, 0 100%); top: 0; right: -100%; } 
.overview .interaction-container .shape-4 { width: 64px; height: 64px; border-radius: 50%; background-color: var(--main-point-color); bottom: -100%; right: 266px; transform: translateX(55%);} 
@media screen and (max-width: 1520px) {
    .overview .interaction-container .shape-4 { transform: translateX(calc(1.97vw + 2px));}
}
@media screen and (max-width: 1280px) {
    .overview .interaction-container .shape-4 { transform: translateX(calc(1.97vw - 2px)); -webkit-transform: translateX(calc(1.97vw - 2px)); -moz-transform: translateX(calc(1.97vw - 2px)); -ms-transform: translateX(calc(1.97vw - 2px)); -o-transform: translateX(calc(1.97vw - 2px)); }
}

/* Approach to ESG */
.esg .interaction-container .shape-1 { width: 118px; height: 118px; border-radius: 50%; border: 22px solid var(--main-color); top: 0; left: -50px; } 
.esg .interaction-container .shape-2 { width: 42px; height: 42px; border-radius: 50%; background-color:var(--main-point-color); top: -100%; left: 58px; } 
.esg .interaction-container .shape-3 { width: 262px; height: 262px; border-radius: 50%; clip-path: polygon(0 0, 100% 0, 100% 52%, 0 52%); background-color: var(--main-point-color); top: 200%; right: 0; } 
.esg .interaction-container .shape-4 { width: 262px; height: 262px; border-radius: 50%; clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%); border: 50px solid var(--main-color); border-bottom: none; top: 136px; right: 0; } 

/* Environmental */
.environmental .interaction-container .shape-1 { width: 52px; height: 52px; border-radius: 50%; background-color: var(--main-point-color); top: 0; left: 0; } 
.environmental .interaction-container .shape-2 { z-index: 101; width: 52px; height: 52px; border-radius: 50%; background-color: var(--main-point-color); top: 0; left: 0; } 
.environmental .interaction-container .shape-3 { width: 52px; height: 52px; border-radius: 50%; background-color: var(--main-point-color); top: 0; left: 52px; } 
.environmental .interaction-container .shape-4 { width: 52px; height: 52px; border-radius: 50%; background-color: var(--main-point-color); top: 52px; left: 52px; } 
.environmental .interaction-container .shape-5 { width: 342px; height: 342px; border-radius: 50%; border: 50px solid var(--main-color); bottom: -100%; right: -133px;} 
.environmental .interaction-container .shape-6 { width: 90px; height: 90px; border-radius: 0 50% 50% 50%; background-color: var(--main-point-color); top: -100%; right: 110px; } 
@media screen and (max-width: 1520px) {
    .environmental .interaction-container .shape-6 { right: 124px;}
}

/* Social */
.social .interaction-container .shape-1 { width: 192px; height: 192px; border: 2.50em solid var(--main-color); border-radius: 50%; top: -83px; left: -50%; } 
.social .interaction-container .shape-2 { width: 52px; height: 52px; border-radius: 50%; background-color: var(--main-point-color); top: -150%; left: 114px; } 
.social .interaction-container .shape-3 { width: 542px; aspect-ratio: 271 / 267; border-radius: 50%; background-color: var(--main-point-color); bottom: 0; right: -271px; } 
.social .interaction-container .shape-4 { z-index: 101;width: 116px; height: 116px; border-radius: 50% 50% 50% 0; background-color: var(--main-color); bottom: -50%; right: 193px; } 
@media screen and (max-width: 1520px) {
    .social .interaction-container .shape-4 { right: 0; transform: translateX(-170%); } 
}

/* Governance */
.governance .interaction-container .shape-1 { width: 218px; height: 218px; border: 2.50em solid var(--main-point-color); border-radius: 50%; top: -108px; left: -108px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } 
.governance .interaction-container .shape-2 { height: 100%; aspect-ratio: 1/1; border-radius: 50%; border: 60px solid var(--main-color); top: -100%; right: -36px; transform-origin: center; } 
.governance .interaction-container .shape-3 { width: 96px; height: 96px; border-radius: 50%; background-color: var(--main-point-color); top: -100%; right: 206px; } 
.governance .interaction-container .shape-4 { width: 46px; height: 46px; border-radius: 50% 50% 50% 0; background-color: var(--main-point-color); bottom: -100%; right: 182px; } 
@media screen and (max-width: 1520px) {
    .governance .interaction-container .shape-1 {width: 178px;height: 178px;}
}

/* Appendix */
.appendix .interaction-container .shape-1 { width: 52px; height: 52px; border-radius: 50%; background-color: var(--main-color); top: 35px; left: -12px; } 
.appendix .interaction-container .shape-2 { z-index: 101; width: 52px; height: 52px; border-radius: 50%; background-color: var(--main-color); top: 35px; left: -12px; } 
.appendix .interaction-container .shape-3 { width: 52px; height: 52px; border-radius: 50%; background-color: var(--main-color); top: 35px; left: -12px; } 
.appendix .interaction-container .shape-4 { width: 52px; height: 52px; border-radius: 50%; background-color: var(--main-color); top: 36px; left: 63px; } 
.appendix .interaction-container .shape-5 { width: 460px;aspect-ratio: 230 / 227; border-radius: 50%; background-color: var(--main-point-color); top: 100%; right: -230px; } 
.appendix .interaction-container .shape-6 { width: 106px; height: 106px; border-radius: 0 50% 50% 50%; background-color: var(--main-color); top: -100%; right: 130px; } 

@media screen and (max-width: 1024px) {
    .interaction-container {height: calc(100% - 62px);}

    /* Overview */
    .overview .interaction-container .shape-1 {width: 82px; height: 82px;}
    .overview .interaction-container .shape-2 {width: 115px; height: 115px;border-width: 22px;}
    .overview .interaction-container .shape-3 {width: 115px; height: 115px;border-width: 22px;}
    .overview .interaction-container .shape-4 { right: 94px; width: 27px; height: 27px; transform: translate(-0.5vw, -2.2vw); -webkit-transform: translate(-0.5vw, -2.2vw); -moz-transform: translate(-0.5vw, -2.2vw); -ms-transform: translate(-0.5vw, -2.2vw); -o-transform: translate(-0.5vw, -2.2vw); }

    /* Approach to ESG */
    .esg .interaction-container .shape-3 {right: -40px;width: 90px; height: 90px;}
    .esg .interaction-container .shape-4 {top: 47px; right: -40px;width: 90px; height: 90px; border-width: 18px;border-radius: 62%;}

    /* Environmental */
    .environmental .interaction-container .shape-1 {width: 32px; height: 32px;}
    .environmental .interaction-container .shape-2 {width: 32px; height: 32px;}
    .environmental .interaction-container .shape-3 {left: 32px;width: 32px; height: 32px;}
    .environmental .interaction-container .shape-4 {top: 32px;width: 32px; height: 32px;}
    .environmental .interaction-container .shape-5 {top: 30px;bottom: auto !important;right: -42px;width: 100px; height: 100px; border-width: 14px;}
    .environmental .interaction-container .shape-6 {right: 26px;width: 27px; height: 27px;}

    /* Social */
    .social .interaction-container .shape-2 {transform: translateX(-2px);}
    .social .interaction-container .shape-3 {width: 242px; aspect-ratio: 104 / 103;right: -126px;bottom: 22px;}
    .social .interaction-container .shape-4 { width: 52px; height: 52px; transform: translate(-145%, -16px); }

    /* Governance */
    .governance .interaction-container .shape-2 {right: -56px;width: 118px; height: 118px; border-width: 26px;}
    .governance .interaction-container .shape-3 {right: 46px;width: 28px; height: 28px;}
    .governance .interaction-container .shape-4 {right: 40px;width: 20px; height: 20px;transform: translateY(-5px);}

    /* Appendix */
    .appendix .interaction-container .shape-1 {top: 23px;width: 32px; height: 32px;}
    .appendix .interaction-container .shape-2 {top: 23px;width: 32px; height: 32px;}
    .appendix .interaction-container .shape-3 {top: 23px;width: 32px; height: 32px;}
    .appendix .interaction-container .shape-4 {width: 32px; height: 32px;}
    .appendix .interaction-container .shape-5 { right: -177px; width: 280px; border-radius: 36%;}
    .appendix .interaction-container .shape-6 {right: 53px;width: 48px; height: 48px;}
}
@media screen and (max-width: 768px) {
    /* Overview */
    .overview .interaction-container .shape-4 {right: 94px;}

    /* Social */
    .social .interaction-container .shape-3 {width: 242px; aspect-ratio: 104 / 103;right: -133px;bottom: 6px;}
    .social .interaction-container .shape-4 { width: 52px; height: 52px; transform: translate(-145%, -8px);}
}

/*========== Sub Layout ==========*/
.content-title {margin: 0 0 0.94em; color: var(--text-dark-color);}
.content-title:has(.content-inner-title) {display: flex; align-items: center;gap: 7px;}
.content-inner-title { overflow: hidden;flex: 1; position: relative; font-size: inherit;font-weight: 600;font-variation-settings: 'wght' 600; color: var(--main-point-color);}
.content-inner-title::after {content: ''; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); width: 100%; height: 1px; background-color: var(--main-point-color);}
.content-inner-title em {position: relative; z-index: 1; display: inline-block;font-weight: 600;font-variation-settings: 'wght' 600;padding-right: 18px; background-color: #fff;}
.content-text {color: var(--text-dark-color);}
.content-text.text-md {line-height: 1.555;}
.content-btn-wrap.btn-wrap {display: flex; gap: 0.75em; margin: 1.88em 0 0;}
.content-btn-wrap.btn-wrap.center {justify-content: center;}
.content-btn-wrap.btn-wrap .basic-btn {min-width: 160px; height: 2.75em;}
.content-btn-wrap.btn-wrap .basic-btn.arrow .icon-arrow {width: 2em;height: 2em;}
.content-btn-wrap.btn-wrap .basic-btn.arrow .icon-arrow::before {background-size: 1.25em auto;}
@media screen and (max-width: 360px) {
    .content-title:has(.content-inner-title) {flex-direction: column; align-items: flex-start;}
    .content-inner-title {padding-right: 10px;width: 100%;}
}

.content-visual {margin-top: 3.75em; font-size: 1rem;}
.content-visual.center {display: flex; justify-content: center;}
.content-visual.center .visual-center {display: flex; flex-direction: column; font-size: var(--h-basic-text);}

.content-visual.video .visual-img-wrap {padding: 0; background-color: transparent; aspect-ratio: 900 / 506;}

.content-visual.col2 {display: flex; gap: 1.25em; font-size: var(--h-basic-text);}
.content-visual.col2 .content-visual-list {display: flex; flex-direction: column; width: 50%; font-size: var(--h-basic-text);}
.content-visual.col2 .content-visual-list .visual-title {margin: 0.78em 0 0;}

.content-visual.col {display: flex; gap: 16px;}
.content-visual.col .visual-title {width: clamp(155px, 14.58vw,280px);}
.content-visual.col .visual-area {flex: 1; width: 100%; margin: 0;}
.content-visual.col .visual-img-wrap.visual-slogan {background-image: url("../images/sub/common/slogan-bg-01.jpg");background-size: cover; background-position: center; background-repeat: no-repeat;}
.content-visual.col .visual-slogan-tit { font-size: 1.88rem;font-weight: 700;font-variation-settings: 'wght' 700;color: var(--main-point-color);text-align: center;}
.content-visual.col .visual-slogan-tit.quotation span {position: relative; padding: 0 1.40em;}
.content-visual.col .visual-slogan-tit.quotation span::before {content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 100%; background-image: url("../images/sub/common/icon-quotation-mark-left.svg");background-size: 100% auto; background-position: center; background-repeat: no-repeat;}
.content-visual.col .visual-slogan-tit.quotation span::after {content: ''; position: absolute; top: 0; right: 0; width: 18px; height: 100%; background-image: url("../images/sub/common/icon-quotation-mark-right.svg");background-size: 100% auto; background-position: center; background-repeat: no-repeat;}
.content-visual.col .visual-slogan-txt {margin: 1.25em 0 0; font-weight: 500;font-variation-settings: 'wght' 500;color: var(--text-dark-color); text-align: center; line-height: 1.5;}
.content-visual.col .visual-slogan-txt strong {display: block; font-weight: 700;font-variation-settings: 'wght' 700;}

.content-visual.col .visual-img-wrap.visual-bg {padding: 2.50em; background-image: url("../images/sub/common/slogan-bg-02.jpg");background-size: cover; background-position: center; background-repeat: no-repeat;}
.content-visual.col .visual-img-wrap.visual-bg.col {display: flex; justify-content: center; align-items: center; gap: 4.69em; }
.content-visual.col .visual-img-wrap.visual-bg .triangle {width: 18.13em; font-size: 1rem;}
.triangle-shapes {position: relative; width: 100%; height: 17.19em;}
.triangle-list {display: flex;justify-content: center;align-items: center;position: absolute; width: 9.63em;aspect-ratio: 1 / 1;border-radius: 50%;border: 2px solid rgba(0, 166, 239, 0.6);font-size: 1rem;}
.triangle-list.tgle-list-01, .triangle-list.tgle-list-04 { top: 0; left: 50%; transform:translate(-50%, 0); }
.triangle-list.tgle-list-02, .triangle-list.tgle-list-05 { bottom: 0; left: 0;}
.triangle-list.tgle-list-03, .triangle-list.tgle-list-06 { bottom: 0; right: 0;}
.triangle-list span { padding: 3em 0 0; font-size: 1.125rem;font-weight: 600;font-variation-settings: 'wght' 600;color: var(--text-dark-color);text-align: center;background-size: 2.56em auto; background-position: top center; background-repeat: no-repeat;}
.triangle-list.tgle-list-01 span {background-image: url("../images/sub/social/executive/executive-value-icon-01.svg");}
.triangle-list.tgle-list-02 span {background-image: url("../images/sub/social/executive/executive-value-icon-02.svg");}
.triangle-list.tgle-list-03 span {background-image: url("../images/sub/social/executive/executive-value-icon-03.svg");}
.triangle-list.tgle-list-04 span {background-image: url("../images/sub/social/executive/executive-value-icon-04.svg");}
.triangle-list.tgle-list-05 span {background-image: url("../images/sub/social/executive/executive-value-icon-05.svg");}
.triangle-list.tgle-list-06 span {background-image: url("../images/sub/social/executive/executive-value-icon-06.svg");}
.triangle-tit {margin: 1.11em 0 0; font-size: 1.125rem; font-weight: 700;font-variation-settings: 'wght' 700;color: var(--main-point-color);text-align: center;}

.visual-area { margin: 1.88em 0 0; font-size: 1rem;}
.visual-slide-area { margin: 1.88em 0 0; font-size: 1rem;}
.visual-title {font-weight: 700 !important; font-variation-settings: 'wght' 700 !important;color: var(--text-dark-color); line-height: 1 !important;}
.txt-visual-title {margin: 0 0 0.83em; width: 100%; font-weight: 600 !important; font-variation-settings: 'wght' 600 !important;color: var(--text-dark-color);}
.box-bg-title {margin:  0 0 1.67em; border-bottom: 1px solid #ddd; font-size: 1.125rem;}
.box-bg-title span {position: relative; padding: 0 0 10px; font-weight: 700;font-variation-settings: 'wght' 700; text-transform: uppercase;}
.box-bg-title span::after {content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: var(--main-txt-color);}
.txtv-box-tit { margin: 0 0 0.91em; font-size: 1.38rem; font-weight: 700;font-variation-settings: 'wght' 700;}
.visual-title span{position: relative; padding-left: 1.10em;}
.visual-title span::before { content: ''; position: absolute; top:10px; left: 0; width: 0.60em; height: 0.15em; background-color: var(--main-color); transform: translate(0, -50%); }
.visual-img-wrap { padding: 30px 3.75em; border-radius: 10px; background-color: var(--txt-bg-color); font-size: var(--h-basic-text);}
.visual-img-wrap.jpg { padding: 0; border-radius: 0; background-color: transparent;}
.visual-img-wrap.jpg figure { overflow: hidden;display: flex;justify-content: center;align-items: center; width: 100%;border-radius: 6px;font-size: var(--h-basic-text);}
.visual-img-wrap.jpg figure img {aspect-ratio: inherit;}
.visual-img-wrap.svg { padding: 30px 2.50em;}
.visual-img-wrap.svg.pd4060 { padding: 30px 3.75em;}
.visual-img-wrap.code:has(.list-box) {padding: 30px 2.50em;}
.visual-img-wrap.code .mission-vision {display: flex;}
.visual-img-wrap.code .mission-vision .plus-icon {width: 2.94em; background-image: url("../images/common/icon-plus.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.125em auto; font-size: var(--h-basic-text); text-indent: -9999px; color: transparent;}
.visual-img-wrap.code .mission-vision.merge {display: flex;justify-content: center;align-items: center; width: 27.30em; padding: 15px 1.67em; margin: 0 auto; border-radius: 15px;background-color: var(--main-point-color);font-size: var(--text18-16);font-weight: 600;font-variation-settings: 'wght' 600;color: #fff;text-align: center;}
.visual-img-wrap.code .mission-vision.merge .mv-tit {word-break: keep-all;}
.visual-img-wrap.diagram { overflow: hidden; padding: 15px 20px; background-color: #fff; border: 2px solid var(--line-basic-color);}
.visual-img-wrap.diagram figure img { background-color: #fff;}
.round-box { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1; padding: 15px 0; background-color: #fff; border: 2px solid var(--main-color); border-radius: 6.44em; font-size: var(--h-basic-text);}
.round-box.mission { border-color: var(--main-point-color);}
.mv-tit.text-md {font-weight: 600;font-variation-settings: 'wght' 600; text-transform: uppercase; color: var(--main-color);}
.round-box.mission .mv-tit.text-md {color: var(--main-point-color);}
.mv-txt {margin: 5px 0 0; font-size: 1rem; font-weight: 500;font-variation-settings: 'wght' 500;color: var(--text-dark-color);text-align: center;}
.mission-vision-cont {position: relative; display: flex;flex-direction: column; gap: 12px; padding: 5em 0 0;background-image: url("../images/common/mv-bg.svg"); background-repeat: no-repeat; background-position: top 20px center; background-size: 12em auto; font-size: var(--h-basic-text);}
.mission-vision-cont.icon::before {content: '';position: absolute; top: 6px; right: 0; width: 7.50em; aspect-ratio: 168 / 130; background-image: url("../images/common/coway-icon.svg"); background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.mission-vision-cont .mv-cont-list {display: flex; gap: 12px;}
.mission-vision-cont .mv-cont-list .mv-cont-tit { display: flex; justify-content: center; align-items: center; width: 6.78em; border-radius: 15px; background-color: var(--main-color); font-weight: 600; font-variation-settings: 'wght' 600; color: #fff; text-align: center; word-break: keep-all;}
.mission-vision-cont .mv-cont-list .mv-cont-txt { display: flex; align-items: stretch; flex: 1;  border-radius: 15px; font-weight: 600;font-variation-settings: 'wght' 600;color: var(--text-dark-color); text-align: center;}
.mission-vision-cont .mv-cont-list .mv-cont-txt.merge {padding: 15px;border: 1px solid #ddd;background-color: #fff;word-break: keep-all; line-height: 1.444;}
.mission-vision-cont .mv-cont-list .mv-cont-txt.col {display: flex;gap: 12px;}
.mission-vision-cont .mv-cont-list .mv-cont-text {display: flex; justify-content: center; align-items: center; flex: 1; padding: 15px 15px; border-radius: 15px; border: 1px solid var(--main-color); background-color: #fff; font-weight: 600;font-variation-settings: 'wght' 600;color: var(--text-dark-color);text-align: center;word-break: keep-all;}
.mission-vision-cont .mv-cont-list .mv-cont-txt.list .mv-cont-text {justify-content: flex-start; align-items: center; padding: 1.11em; border-color: #ddd;}
.mission-vision-cont .mv-cont-list .mv-cont-txt.list .caption14 {margin: 4px 0 0;}
.mission-vision-cont .mv-cont-list .mv-cont-txt.list .list-style > li + li {margin: 4px 0 0;}

.mission-vision-cont.title {gap: 16px;}
.mission-vision-cont.title .mv-cont-list.title * { justify-content: flex-start; text-indent: 1.11em; padding: 0; background-color: initial; border: none; border-radius: 0; font-weight: 500; font-variation-settings: 'wght' 500;color: var(--text-gray-color); line-height: 1; text-align: left;}
.mission-vision-cont.title .mv-cont-list.title .w-460 {flex: initial;}
.mission-vision-cont.title .mv-cont-list.title .mv-cont-txt.list .mv-cont-text {padding: 0;}
.mission-vision-cont.title .mv-cont-list {gap: 16px;}
.mission-vision-cont.title .mv-cont-list.title {margin-bottom: -5px;}
.mission-vision-cont.title .mv-cont-list .mv-cont-txt.col {flex: initial;width: 100%;gap: 16px;}
.mission-vision-cont.title .mv-cont-list .mv-cont-txt {flex: initial;}
.mission-vision-cont.title .w-256 {width: 33.34%;padding: 15px 15px; font-size: var(--h-basic-text);}
.mission-vision-cont.title .w-460 {width: 28.75em; font-size: var(--h-basic-text);}
.mission-vision-cont.title .mv-cont-list .mv-cont-txt.list .mv-cont-text {padding: 10px 1.05em;}
.mission-vision-cont.title .mv-cont-list .mv-cont-tit span.text-md {font-weight: 600;font-variation-settings: 'wght' 600;}
.mission-vision-cont.title .mv-cont-list .mv-cont-txt.list .list-style > li.circle::before {top: 0.52em;}
.mission-vision-cont.title .mv-cont-list .mv-cont-txt.list .list-style > li span.text-md {line-height: initial;}

.mission-vision-cont.list-box .mv-cont-list {gap: 16px;}
.mission-vision-cont.list-box .list-box-wrap {display: flex;gap: 16px; flex: 1; width: 100%; }
.mission-vision-cont.list-box .list-box-wrap .mv-cont-tit {width: 100%; padding: 15px 10px;word-break: keep-all;}
.mission-vision-cont.list-box .list-box-wrap .mv-cont-text { display: flex; flex-direction: column;justify-content: flex-start; width: 100%; padding: 10px 10px 0;}
.mission-vision-cont.list-box .list-box-wrap .mv-cont-text p { width: 100%; padding: 10px 0; border-radius:8px; background-color: #F0F8FC; color: var(--main-color); font-weight: 600; font-variation-settings: 'wght' 600; word-break: keep-all; }
.mission-vision-cont.list-box .list-box-wrap .mv-cont-text strong {padding: 15px 10px; color: var(--text-dark-color); font-weight: 600; font-variation-settings: 'wght' 600;word-break: keep-all;line-height: 1.33;}

.visual-img-wrap.code.process {padding: 2.25em 0;}
.visual-img-wrap.process .mission-vision {display: block; background-image: url("../images/common/mv-process-bg.svg"); background-repeat: no-repeat; background-position: center; background-size: 100% auto;}
.visual-img-wrap.process .mission-vision .process-list {display: flex;gap: 16px;max-width: 940px;margin: 0 auto;}
.visual-img-wrap.process .mission-vision .process-list li {display: flex; justify-content: center; flex: 1;width: 100%;}
.visual-img-wrap.process .mission-vision-cont {max-width: 940px; gap: 10px; margin: 0 auto; padding: 1.88em 0 0; background-image: none;}
.visual-img-wrap.process .mission-vision-cont.list-box .list-box-wrap {gap: 20px;}
.visual-img-wrap.process .mission-vision-cont.list-box .list-box-wrap .mv-cont-tit { padding: 0.702em 10px; border-radius: 10px; line-height: 1.444;}
.visual-img-wrap.process .mission-vision-cont.list-box .list-box-wrap .mv-cont-text {padding: 20px; border-radius: 10px;}

.visual-img-wrap.code.num { border-radius: 0; background-color: transparent; padding: 0; margin: 1.88em 0 0; font-size: var(--h-basic-text);}
.visual-img-wrap.code.num .mission-vision-cont {gap: 16px;padding: 0; background-image: none;}
.visual-img-wrap.code.num .mission-vision-cont::before {display: none;}
.visual-img-wrap.code.num .mission-vision-cont .mv-cont-list {gap: 16px;}
.visual-img-wrap.code.num .mission-vision-cont .mv-cont-list .mv-cont-tit { position: relative; width: 12.20em; border-radius:10px; font-size: var(--text20-16);}
.visual-img-wrap.code.num .mission-vision-cont .mv-cont-list .mv-cont-tit .num { position: absolute; top: 10px; left: 10px; display: flex; justify-content: center; align-items: center;background-image: url("../images/sub/common/mv-cont-tit-num-white-01.svg"); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; text-indent: -9999px; width: 22px; aspect-ratio: 1 / 1; border-radius: 50%; font-size: 14px; font-weight: 700; font-variation-settings: 'wght' 700; color: var(--main-color); line-height: 1; text-align: center;}
.visual-img-wrap.code.num .mission-vision-cont .mv-cont-list:nth-child(1) .mv-cont-tit .num {background-image: url("../images/sub/common/mv-cont-tit-num-white-01.svg");}
.visual-img-wrap.code.num .mission-vision-cont .mv-cont-list:nth-child(2) .mv-cont-tit .num {background-image: url("../images/sub/common/mv-cont-tit-num-white-02.svg");}
.visual-img-wrap.code.num .mission-vision-cont .mv-cont-list:nth-child(3) .mv-cont-tit .num {background-image: url("../images/sub/common/mv-cont-tit-num-white-03.svg");}
.visual-img-wrap.code.num .mission-vision-cont .mv-cont-list:nth-child(4) .mv-cont-tit .num {background-image: url("../images/sub/common/mv-cont-tit-num-white-04.svg");}
.visual-img-wrap.code.num .mission-vision-cont .mv-cont-list:nth-child(5) .mv-cont-tit .num {background-image: url("../images/sub/common/mv-cont-tit-num-white-05.svg");}

.visual-img-wrap.code.num .mission-vision-cont .mv-cont-list .mv-cont-txt { border: none; background-color: #F0F8FC; padding: 20px 30px;border-radius:10px; font-weight: 400;font-variation-settings: 'wght' 400;text-align: left; line-height: 1.555;}

.visual-img-wrap.code.num.list .mission-vision-cont {flex-wrap: wrap;flex-direction: row; gap: 16px;}
.visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list {flex-direction: column;align-items: flex-start; gap: 20px; width: calc(100% / 2 - 8px); padding: 1.50em 1.88em 1.63em; border-radius: 10px; background-color: #F0F8FC; font-size: var(--h-basic-text);}
.visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list.w-100p {width: 100%;}
.visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list .mv-cont-tit {width: auto; height: auto; border-radius: 0; background-color: transparent; font-size: var(--text20-18); line-height: 1; color: var(--main-color);}
.visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list .mv-cont-tit .num { position: static; margin-right: 6px; background-image: url("../images/sub/common/mv-cont-tit-num-01.svg"); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; color: #fff; text-indent: -9999px;}
.visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list:nth-child(1) .mv-cont-tit .num {background-image: url("../images/sub/common/mv-cont-tit-num-01.svg");}
.visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list:nth-child(2) .mv-cont-tit .num {background-image: url("../images/sub/common/mv-cont-tit-num-02.svg");}
.visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list:nth-child(3) .mv-cont-tit .num {background-image: url("../images/sub/common/mv-cont-tit-num-03.svg");}
.visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list:nth-child(4) .mv-cont-tit .num {background-image: url("../images/sub/common/mv-cont-tit-num-04.svg");}
.visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list:nth-child(5) .mv-cont-tit .num {background-image: url("../images/sub/common/mv-cont-tit-num-05.svg");}
.visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list:nth-child(6) .mv-cont-tit .num {background-image: url("../images/sub/common/mv-cont-tit-num-06.svg");}
.visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list:nth-child(7) .mv-cont-tit .num {background-image: url("../images/sub/common/mv-cont-tit-num-07.svg");}
.visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list:nth-child(8) .mv-cont-tit .num {background-image: url("../images/sub/common/mv-cont-tit-num-08.svg");}
.visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list:nth-child(9) .mv-cont-tit .num {background-image: url("../images/sub/common/mv-cont-tit-num-09.svg");}
.visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list:nth-child(10) .mv-cont-tit .num {background-image: url("../images/sub/common/mv-cont-tit-num-10.svg");}
.visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list .list-style > li {font-size: var(--text18-16);line-height: 1.44;}
.visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list .list-style > li.sub-num {font-size: var(--h-basic-text); color: var(--text-gray-color);}
.visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list .list-style > li.sub-num + li.sub-num {margin: 1px 0 0;}

.visual-img-wrap.code.num.list.no-col .mission-vision-cont {flex-wrap: nowrap;}
.visual-img-wrap.code.num.list.no-col .mission-vision-cont .mv-cont-list {gap: 0.938em; padding: 20px 25px;}
.visual-img-wrap.code.num.list.no-col .mission-vision-cont .mv-cont-list .mv-cont-tit {flex-direction: column;align-items: flex-start;gap: 10px;}
.visual-img-wrap.code.num.list.no-col .mission-vision-cont .mv-cont-list .list-style > li {padding: 0;}

.visual-img-wrap.code:has(.process-cont-wrap) {padding-block: 2.50em;}
.visual-img-wrap.code .visual-process-cont {background-image: url("../images/sub/social/customer/customer-progress-icon-bg.svg"); background-repeat: no-repeat; background-position: top 2.75em center; background-size: 100% auto;}
.visual-img-wrap.code .visual-process-cont .process-cont-wrap {display: flex; justify-content: center; gap: 2.75em; font-size: var(--h-basic-text);}
.visual-img-wrap.code .visual-process-cont .process-cont-wrap .process-cont-list {width: 8.75em;}
.visual-img-wrap.code .visual-process-cont .process-cont-wrap .process-cont-img {overflow: hidden; display:flex; justify-content: center; align-items: center;width: 100%;aspect-ratio: 1/1;border-radius: 50%; border: 2px solid #00A6EF; background-color: #fff;}
.visual-img-wrap.code .visual-process-cont .process-cont-wrap .process-cont-img figure {width: 4.69em; background-color: inherit;}
.visual-img-wrap.code .visual-process-cont .process-cont-wrap .process-cont-img img { background-color: inherit;}
.visual-img-wrap.code .visual-process-cont .process-cont-wrap .process-cont-txt {margin: 16px 0 0; font-weight: 600;font-variation-settings: 'wght' 600;text-align: center;word-break: keep-all;}

.visual-img-wrap.code.br {background-color: #fff; border: 2px solid var(--line-basic-color);}
.visual-img-wrap.code.br .mv-tit {font-size: 1.250rem;font-weight: 700;font-variation-settings: 'wght' 700;}
.visual-img-wrap.code.br .mission .mv-tit {color: var(--main-point-color);}
.visual-img-wrap.code.br .vision .mv-tit {color: var(--main-color);}
.visual-img-wrap.code.br .mv-txt { margin: 8px 0 0; font-size: 1.125rem;font-weight: 500;font-variation-settings: 'wght' 500;}
.mission-vision-mid {display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items: center; padding: 1.50em; margin: 30px 0 30px; border-radius:10px; text-align: center; background-color: #fff;}
.mission-vision-mid.bg {background-color: #F5F5F5;}
.mission-vision-mid .mv-mid-tit {position: relative; padding: 0 30px; font-size: 1.250rem; font-weight: 700;font-variation-settings: 'wght' 700;color: var(--main-point-color);}
.mission-vision-mid .mv-mid-tit::before {content: '';position: absolute; top: 0; left: 0; width: 18px; height: 100%; background-image: url("../images/sub/common/icon-quotation-mark-left.svg"); background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.mission-vision-mid .mv-mid-tit::after {content: '';position: absolute; top: 0; right: 0; width: 18px; height: 100%; background-image: url("../images/sub/common/icon-quotation-mark-right.svg"); background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.mission-vision-mid .mv-mid-txt {font-size: 1rem; font-weight: 500;font-variation-settings: 'wght' 500;color: var(--text-dark-color);}

.visual-img-wrap.code.br .mission-vision-cont {background-image: none;padding: 0;gap: 0;}
.mv-content-wrap {display: flex; justify-content: space-between; gap: 20px;}
.mv-content-tit {width: 66px; padding: 20px 0;}
.mv-content-wrap:has(.mv-content.list.bold ) .mv-content-tit {padding-top: 30px;}
.mv-content-tit p {font-size: 1rem; font-weight: 500;font-variation-settings: 'wght' 500;color: var(--main-color);}
.mv-content-tit p.txt-right {text-align: center;}
.mv-content { display: flex; justify-content: space-between; gap: 20px; flex: 1; width: 100%; padding: 0 0 26px;}
.mv-content.list {padding: 0;}
.mv-content .mv-content-list { flex: 1; width: 100%;}
.mv-content.list .mv-content-list { padding: 20px 10px;border-top: 1px solid #E0E0E0;}
.mv-content.list.bold .mv-content-list {position: relative; border-top: 2px solid var(--main-color);padding: 30px 10px 20px;}
.mv-content.list.bold .mv-content-list::before { content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 12px solid var(--main-color); }
.mv-content.list.img .mv-content-list { padding: 20px 0; border-bottom: 1px solid #E0E0E0;}
.mv-content.list.img .mv-content-list figure { width: 85%; margin: 0 auto;}
.mv-content .mv-content-list .list-style {display: flex; flex-wrap: wrap;}
.mv-content:not(.bold) .mv-content-list .list-style { gap: 5px;}
.mv-content .mv-content-list .list-style > li { font-size: 1rem;font-weight: 400;font-variation-settings: 'wght' 400; color: var(--text-dark-color);}
.mv-content .mv-content-list .list-style > li:nth-child(odd) {min-width: 158px;}
.mv-content .mv-content-list .list-style > li + li {margin: 10px 0 0;}
.mv-content.list:not(.bold) .mv-content-list .list-style > li + li {margin: 0;}
.visual-img-wrap.code.br .schematic-box {line-height: 1.02;}
.visual-img-wrap.code.br .schematic-box + .schematic-box {margin-top: 8px;}

.visual-img-wrap.code.icon-round {min-width: 995px; padding: 30px 0; background-color: #fff;border: 2px solid var(--line-basic-color);}
.visual-img-wrap.code.icon-round .icon-list-wrap {zoom: 88%; display: flex;justify-content: center; gap: 1.8em; max-width: 920px; margin: 0 auto; font-size: var(--h-basic-text);}
.visual-img-wrap.code.icon-round .icon-list-wrap .icon-list {width: calc(100%/3 - 1em);}
.visual-img-wrap.code.icon-round .icon-list-wrap .list-dl {width: 100%;}
.visual-img-wrap.code.icon-round .icon-list-wrap .list-dt { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0; position: relative; width: 100%; aspect-ratio: 1 / 1; border: 2px solid rgba(0, 166, 239, 0.3); background-color: #fff; border-radius: 50%; }
.visual-img-wrap.code.icon-round .icon-list-wrap .list-dt::before { content: ''; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 9px); aspect-ratio: 1 / 1; background-color: #EFFAFF; border-radius: 50%;}
.visual-img-wrap.code.icon-round .icon-list-wrap .list-dt img {position: relative; z-index: 2; margin-bottom: 10px; width: 5.25em; font-size: var(--h-basic-text);}
.visual-img-wrap.code.icon-round .icon-list-wrap .list-dt em {position: relative; z-index: 2;font-size: 1.125rem;font-weight: 700;font-variation-settings: 'wght' 700; color: var(--text-dark-color);}
.visual-img-wrap.code.icon-round .icon-list-wrap .list-dt span {position: relative; z-index: 2;opacity: 0.8; font-size: 0.875rem;font-weight: 400;font-variation-settings: 'wght' 400; color: var(--text-gray-color);}
.visual-img-wrap.code.icon-round .icon-list-wrap .list-dt em + span {margin: 4px 0 0;}
.visual-img-wrap.code.icon-round .icon-list-wrap .list-dd {margin: 1em 0 0; font-size: 1.250rem;font-weight: 600;font-variation-settings: 'wght' 600; text-align: center;}

.visual-img-wrap.code:has(.list-box).vision-ver {padding: 30px 3.75em;}
.visual-img-wrap.vision-ver .round-box {flex-direction: row; padding: 1.40em 0;}
.visual-img-wrap.vision-ver .round-box .mv-tit {font-size: 1.250rem; font-weight: 700;font-variation-settings: 'wght' 700; color: var(--main-point-color);text-transform: uppercase;}
.visual-img-wrap.vision-ver .round-box .mv-txt {position: relative; margin: 0 0 0 12px; padding: 0 0 0 12px;font-size: 1.250rem;font-weight: 500;font-variation-settings: 'wght' 500; }
.visual-img-wrap.vision-ver .round-box .mv-txt::before { content: ''; position: absolute; top: 50%; left: 0; transform:translate(0, -50%); width: 1px; height: 15px; background-color: #ddd;}
.visual-img-wrap.vision-ver .mission-vision-cont.title {padding: 0; background-image: none;}
.visual-img-wrap.vision-ver .mission-vision-cont.title .mv-cont-list.title {margin: 0; max-width: none;}
.visual-img-wrap.vision-ver .mission-vision-mid {display: block;margin: 20px 0 40px; padding: 2.50em 1.50em;}
.visual-img-wrap.vision-ver .mission-vision-mid .mv-mid-inner {display: flex; background-image: linear-gradient(to bottom, #ddd 6px, transparent 6px);background-size: 1px 10px; background-position: center; background-repeat: repeat-y; }
.visual-img-wrap.vision-ver .mission-vision-mid .mv-mid-box {width: 50%;}
.visual-img-wrap.vision-ver .mission-vision-mid .mv-mid-tit {display: inline-block;}
.visual-img-wrap.vision-ver .mission-vision-mid .mv-mid-txt {margin: 18px 0 0; font-size: 1.125rem;}
.visual-img-wrap.vision-ver .mission-vision-mid .mv-mid-sub {margin: 14px 0 0; font-size: 1rem;font-weight: 500;font-variation-settings: 'wght' 500;color: var(--text-gray-color);}
.visual-img-wrap.vision-ver .mission-vision-cont.title .mv-cont-list .mv-cont-tit span.text-md {font-size: 1.250rem;font-weight: 700;font-variation-settings: 'wght' 700; color: #8AA7B4; text-indent: 0;}
.visual-img-wrap.vision-ver .mission-vision-cont.list-box .list-box-wrap .mv-cont-text p { padding: 9px 0; font-size: 1.125rem;font-weight: 600;font-variation-settings: 'wght' 600; color: var(--main-color);}
.visual-img-wrap.vision-ver .list-style.list-dd {margin: 15px 0 20px 6px;}
.visual-img-wrap.vision-ver .list-style > li {word-break: keep-all;}
.visual-img-wrap.vision-ver .list-style > li.circle {font-size: 1.125rem;}
.visual-img-wrap.vision-ver .list-style > li.dash + li.circle {margin: 16px 0 0;}
.visual-img-wrap.vision-ver .list-style > li.dash {font-size: 1rem; color: var(--text-gray-color);}
.visual-img-wrap.vision-ver .list-style > li.indent {font-size: 1rem; color: var(--text-gray-color);}
.visual-img-wrap.vision-ver .list-style > li.dash + li.dash {margin-top: 8px;}
.visual-img-wrap.vision-ver .list-style > li:not(.dash) + li.dash {margin-top: 6px;}

.visual-img-wrap.diagram.img-desc {display: flex; gap: 1.88em; padding: 30px 2.5em; font-size: var(--h-basic-text);}
.visual-img-wrap.diagram.img-desc .img-desc-cont .schematic-box.line {display: inline-block; padding: 10px 20px 9px; font-size: var(--text20-16); font-weight: 700;font-variation-settings: 'wght' 700; color: var(--main-color);}
.visual-img-wrap.diagram.img-desc .img-desc-cont .num-list {margin: 1.88em 0 0; font-size: var(--h-basic-text);}

.visual-img-wrap.code.initial {padding: 30px 4.38em;}
.visual-img-wrap.code.initial .initial-wrap {display: flex; flex-direction: column;gap: 10px;}
.visual-img-wrap.code.initial .initial-wrap .initial-list { display: flex; gap: 2.50em; align-items: center; padding: 1.88em; border-radius: 8px; background-color: #fff; font-size: var(--h-basic-text); }
.visual-img-wrap.code.initial .initial-wrap .initial-list img {width: 62px; aspect-ratio: 1 / 1;}
.visual-img-wrap.code.initial .initial-wrap .initial-list .text18-16 {font-weight: 400;font-variation-settings: 'wght' 400;color: var(--text-dark-color);}

@media screen and (max-width: 1520px) {
    .txtv-box-tit { font-size: clamp(1.125rem, 1.45vw,1.38rem); }
    .content-visual.col .visual-slogan-tit { font-size: clamp(1.63rem, 1.97vw,1.88rem); }

    .visual-img-wrap.code:has(.process-cont-wrap) {padding-inline: 2.86em;}
    .visual-img-wrap.code .visual-process-cont .process-cont-wrap {gap: 30px;}
}
@media screen and (max-width: 1024px) {
    .content-title {margin: 0 0 20px;}
    .content-text.text-md {line-height: 1.625;}
    .content-btn-wrap.btn-wrap {margin: 1.43em 0 0;}
    .content-visual {margin-top: 2.50em;}
    .visual-area {margin: 20px 0 0;}
    .visual-slide-area {margin: 20px 0 0;}
    .visual-img-wrap:not(.jpg) { padding: 2.14em 1.43em; border-radius: 6px;}  
    .visual-img-wrap.svg {padding: 2.86em 1.86em;}  
    .visual-img-wrap.svg.pd4060 { padding: 2.86em;}
    .visual-img-wrap.svg:has(.img-pc.w-100p) {padding: 2.86em 1.86em;}  
    .content-visual.col2 {flex-direction: column;gap: 2.86em;}
    .content-visual.col2 .content-visual-list {width: 100%;}
    .visual-title span {padding-left: 22px;}
    .visual-title span::before {width: 12px;}
    .box-bg-title {margin: 0 0 20px;}
    .txtv-box-tit {margin: 0 0 0.78em;}
    .visual-img-wrap.code.num {margin: 20px 0 0;}
        
    .mission-vision-cont.title .w-460 {width: 23em;}
    .visual-img-wrap.code:has(.list-box) {padding: 2.86em 1.43em;}
    .mission-vision-cont.list-box .mv-cont-list {flex-wrap: wrap;gap: 20px;}
    .mission-vision-cont.list-box .list-box-wrap {flex: auto; flex-direction: column; gap: 10px; width: calc(100%/2 - 10px);}
    .mission-vision-cont.title .mv-cont-list.title .mv-cont-tit span.text-md {font-size: 14px;}
    .mission-vision-cont.title .mv-cont-list.title .mv-cont-txt > .mv-cont-text {font-size: 14px;}
    .scroll-x-sec .mission-vision-cont.list-box .mv-cont-list {flex-wrap: nowrap;gap: 16px;}
    .scroll-x-sec .mission-vision-cont.list-box .list-box-wrap {display: flex;gap: 16px;flex: 1; flex-direction: row; width: 100%;}

    .content-visual.col .visual-img-wrap.visual-bg {padding: 2.86em 1.43em;}
    .content-visual.col { flex-direction: column; gap: 20px;}
    .content-visual.col .visual-img-wrap.visual-slogan {padding: 5.29em 1.43em;}
    .content-visual.col .visual-slogan-tit.quotation span {padding: 0 30px;}
    .content-visual.col .visual-slogan-txt {margin: 0.75em 0 0;}

    .visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list .mv-cont-tit .num {font-size: 12px;}
    .visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list .list-style > li {line-height: 1.5;}

    .visual-img-wrap.code:has(.process-cont-wrap) {padding: 2.86em 2.50em;}
    .visual-img-wrap.code .visual-process-cont {background-position: top 2.20em center;}
    .visual-img-wrap.code .visual-process-cont .process-cont-wrap {gap: 1.43em;}
    .visual-img-wrap.code .visual-process-cont .process-cont-wrap .process-cont-list {width: 7.12em;}
    .visual-img-wrap.code .visual-process-cont .process-cont-wrap .process-cont-img figure {width: 4.41em;}

    .visual-img-wrap.code.num.list.no-col .mission-vision-cont {flex-wrap: wrap;}
    .visual-img-wrap.code.num.list.no-col .mission-vision-cont .mv-cont-list {gap: 2.14em;padding: 2.14em;}
    .visual-img-wrap.code.num.list.no-col .mission-vision-cont .mv-cont-list .mv-cont-tit {flex-direction: row;gap: 0;align-items: center;}
    .visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list .mv-cont-tit .num {margin-right: 12px;}
}
@media screen and (max-width: 768px) {
    .visual-img-wrap.code:not(.br) .mission-vision {flex-direction: column; align-items: center;}
    .visual-img-wrap.code:not(.br) .mission-vision .plus-icon {width: 100%; height: 3.57em;}
    .round-box {width: 100%;padding: 1.31em 0 1.44em;}
    .mv-txt {margin: 10px 0 0;}
    .mission-vision-cont {gap: 20px; padding: 5.43em 0 0;background-size: 12.86em auto;}
    .mission-vision-cont.icon::before {top: 92px; right: 6px;width: 6.64em;}
    .mission-vision-cont .mv-cont-list {flex-direction: column;gap: 10px;}
    .mission-vision-cont .mv-cont-list .mv-cont-tit { width: 100%; height: 60px; border-radius: 10px;}
    .mission-vision-cont .mv-cont-list .mv-cont-txt {border-radius: 10px;font-weight: 400;font-variation-settings: 'wght' 400;}
    .mission-vision-cont .mv-cont-list .mv-cont-txt.merge {padding: 1.88em; line-height: 1.5;}
    .mission-vision-cont .mv-cont-list .mv-cont-txt.col {flex-direction: column;gap: 10px;}
    .mission-vision-cont .mv-cont-list .mv-cont-text {flex-direction: column; flex: auto; height: 60px;padding: 0;border-radius: 10px;font-weight: 400;font-variation-settings: 'wght' 400;}
    .mission-vision-cont .mv-cont-list .mv-cont-txt.list {flex: auto;}
    .mission-vision-cont .mv-cont-list .mv-cont-txt.list .mv-cont-text {height: auto;padding: 20px;}
    .mission-vision-cont .mv-cont-list .mv-cont-txt.list .caption14 {margin: 2px 0 0;}

    .mission-vision-cont.title {gap: 0;}
    .mission-vision-cont.title .mv-cont-list.title * {height: initial;width: auto; text-indent: 0;}
    .mission-vision-cont.title .mv-cont-list.title {flex-direction: row; justify-content: space-between; gap: 8px;max-width: 295px; margin: 0 0 8px; }
    .mission-vision-cont.title .mv-cont-list.title .mv-cont-tit span.text-md {display: flex; align-items: center;}
    .mission-vision-cont.title .mv-cont-list.title .mv-cont-txt > .mv-cont-text {flex-direction: row;align-items: center;}
    .mission-vision-cont.title .mv-cont-list.title .legend { width: 20px; height: 20px; background-color: #fff;margin-top: -1px; margin-right: 4px; border-radius: 2px;}
    .mission-vision-cont.title .mv-cont-list.title .legend.blue {background-color: var(--main-color);}
    .mission-vision-cont.title .mv-cont-list.title .legend.blue-line {border: 1px solid var(--main-color);}
    .mission-vision-cont.title .mv-cont-list.title .legend.gray-line { border: 1px solid #ddd;}
    .mission-vision-cont.title .mv-cont-list.title .mv-cont-txt.col {flex-direction: row;gap: 15px; width: auto;}
    .mission-vision-cont.title .mv-cont-list {gap: 10px;}
    .mission-vision-cont.title .mv-cont-list:not(.title) + .mv-cont-list:not(.title) {margin-top: 20px;}
    .mission-vision-cont.title .mv-cont-list .mv-cont-txt.col {gap: 10px;}
    .mission-vision-cont.title .mv-cont-list .mv-cont-txt > .mv-cont-text { font-weight: 600;font-variation-settings: 'wght' 600;}
    .mission-vision-cont.title .w-460 {width: 100%;}

    .visual-img-wrap.code .mission-vision.merge {width: 100%;}
    .mission-vision-cont.list-box .list-box-wrap { width: 100%;}
    .mission-vision-cont.list-box .list-box-wrap .mv-cont-text {height: auto;}
    .mission-vision-cont.list-box .list-box-wrap .mv-cont-tit {padding: 0 10px;}
    .mission-vision-cont.list-box .list-box-wrap .mv-cont-text p {padding: 11px 0;}
    .mission-vision-cont.list-box .list-box-wrap .mv-cont-text strong {padding: 20px 10px 28px;}

    .visual-img-wrap.code.num .mission-vision-cont {gap: 20px;}
    .visual-img-wrap.code.num .mission-vision-cont .mv-cont-list {gap: 10px;}
    .visual-img-wrap.code.num .mission-vision-cont .mv-cont-list .mv-cont-tit {width: 100%;}
    .visual-img-wrap.code.num .mission-vision-cont .mv-cont-list .mv-cont-tit .num { top: 50%; left: 16px; transform:translate(0, -50%);}
    .visual-img-wrap.code.num .mission-vision-cont .mv-cont-list .mv-cont-txt {padding: 20px; text-align: center;line-height: 1.625;}

    .content-visual.col .visual-img-wrap.visual-bg.col {flex-direction: column;gap: 50px;}
    .content-visual.col .visual-img-wrap.visual-slogan {background-image: url("../images/sub/common/slogan-bg-01-mo.jpg");}
    .content-visual.col .visual-img-wrap.visual-bg {background-image: url("../images/sub/common/slogan-bg-02-mo.jpg");}

    .visual-img-wrap.code.num.list .mission-vision-cont {gap: 12px;}
    .visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list {width: 100%;padding: 1.86em 1.43em;}
    .visual-img-wrap.code.num.list .mission-vision-cont .mv-cont-list .mv-cont-tit .num {transform: translate(0, 0);}

    .visual-img-wrap.code:has(.process-cont-wrap) {padding: 2.86em;}
    .visual-img-wrap.code:has(.process-cont-wrap) .visual-img-inner {display: flex;justify-content: center;}
    .visual-img-wrap.code .visual-process-cont {padding: 0 0 55px; background-image: url("../images/sub/social/customer/customer-progress-icon-bg-mo.svg");background-position:top left 25px;background-size: auto 100%;}
    .visual-img-wrap.code .visual-process-cont .process-cont-wrap {flex-direction: column;}
    .visual-img-wrap.code .visual-process-cont .process-cont-wrap .process-cont-list {display: flex; gap: 15px;align-items: center; width: 100%;}
    .visual-img-wrap.code .visual-process-cont .process-cont-wrap .process-cont-list .process-cont-img { width: 6.43em;}
    .visual-img-wrap.code .visual-process-cont .process-cont-wrap .process-cont-txt {width: calc(100% - 90px); margin: 0;text-align: left;}
    .visual-img-wrap.code .visual-process-cont .process-cont-wrap .process-cont-txt br {display: none;}

    .visual-img-wrap.diagram.img-desc {flex-direction: column;gap: 2.14em;padding: 20px 20px 40px;}
    .visual-img-wrap.diagram.img-desc .img-desc-cont {display: flex; flex-direction: column; margin: 0 10px;}
    .visual-img-wrap.diagram.img-desc .img-desc-cont .schematic-box.line {max-width: 248px;align-self: center;}
    .visual-img-wrap.diagram.img-desc .img-desc-cont .num-list {margin: 20px 0 0;}

    .visual-img-wrap.code.initial {padding: 30px 20px;}
    .visual-img-wrap.code.initial .initial-wrap {gap: 20px;}
    .visual-img-wrap.code.initial .initial-wrap .initial-list {flex-direction: column;gap: 15px; align-items: flex-start; padding: 20px 20px 40px;}
    .visual-img-wrap.code.initial .initial-wrap .initial-list img {width: 52px;}
}
@media screen and (max-width: 480px) {
    .visual-img-wrap.code:has(.process-cont-wrap) .visual-img-inner {display: flex;justify-content: flex-start;}
}
@media screen and (max-width: 358px) {
    .content-visual.col .visual-img-wrap.visual-bg .triangle {width: 100%; aspect-ratio: 290 / 320;}
    .triangle-shapes {height: auto; aspect-ratio: 290 / 275;}
    .triangle-list {width: 54%;}
}

/* content-txt-visual */    
.content-txt-visual {display: flex; flex-direction: column; gap: 3.75em; font-size: var(--h-basic-text);}
.content-txt-visual.box-bg { gap: 0; padding: 1.75em 1.88em 1.44em; border-radius: 0.63em; background-color: var(--txt-bg-color); } 
/* .content-txt-visual.box-bg.blue-bg { background-color:#F0F8FC; }  */
.txt-visual-area {display: flex;flex-wrap: wrap; align-items: stretch; font-size: var(--h-basic-text);}
.content-txt-visual.box-bg .txt-visual-area {margin: 0;}
.txt-visual-next { padding: 1.88em 0 0; margin: 1.88em 0 0;background-image: linear-gradient(to right, #ddd 6px, transparent 6px);background-size: 10px 1px;background-repeat: repeat-x; font-size: var(--h-basic-text);}
.txt-visual-cont.text {flex: 1; display: flex;flex-direction: column; font-size: var(--h-basic-text);}
.txt-visual-cont.text .text-md {line-height: 1.555;}
.txt-visual-cont.image {align-self: stretch; width: 26.88em; margin-left: 2.38em; font-size: var(--h-basic-text);}
.content-txt-visual.box-bg .txt-visual-area.mg-img .txt-visual-cont.image {margin-top: 3.13em;}
.txt-visual-cont.image .visual-title {margin: 0.78em 0 0;}
.txt-visual-cont.image figure { overflow: hidden; display: flex; justify-content: center; align-items: center; width: 100%; background-color: var(--txt-bg-color); border-radius: 6px; font-size: inherit;}
.txt-visual-cont.image figure img {aspect-ratio: inherit;}
.txt-visual-cont.image.caption {width: 26.88em;}
.txt-visual-cont.image.caption:has(.ratio1-138) { width: 14.38em;}
.txt-visual-cont.image.caption figure { justify-content: flex-start; border-radius: 0;}
.txt-visual-cont.image.caption .figcaption {margin: 0.875em 0 0; text-align: center; color: var(--text-light-gray-color);font-weight: 400;font-variation-settings: 'wght' 400;}
.txt-visual-numbox { display: flex; justify-content: space-between; align-items: center; margin-top: auto; margin: 2.50em 0 0; padding: 1.03em 1.50em; border: 2px solid var(--sub-color); border-radius: 0.63em; font-size: var(--h-basic-text);}
.txt-visual-numbox .numbox-tit em {display: inline-block; margin-left: 3px; color: var(--text-gray-color);}
.txt-visual-numbox .numbox-num { font-size: var(--basic-text); font-weight: 400;font-variation-settings: 'wght' 400;color: var(--main-txt-color);}
.txt-visual-numbox .numbox-num .num-point { display: inline-block; margin-right: 3px; font-weight: 600;font-variation-settings: 'wght' 600;color: var(--main-color);font-family: 'Nunito Sans Variable', 'Nunito Sans', sans-serif; line-height: 1;}

.visual-icon-area {margin: 1.88em 0 0; font-size: var(--h-basic-text);}
.icon-step .step {position: relative; padding: 0 0 0.86em; margin: 0 0 10px;}
.icon-step .step::after {content: '';position: absolute;bottom: 0;left: 0;width: 12px;height: 1px;background-color: var(--main-color);}
.step {font-size: 0.875rem;font-weight: 600;font-variation-settings: 'wght' 600; color: var(--main-color); text-transform: uppercase; line-height: 1;}

.visual-icon-area.bg-progress { padding: 2.50em; border-radius:10px; background-color: #F8F8F8;}

.txt-visual-cont.image.code {width: 100%; margin: 0;}
.txt-visual-cont.image.code .visual-awards {display: flex; gap: 1.56em; font-size: var(--h-basic-text);}
.txt-visual-cont.image.code .visual-awards-list {zoom: 88%;flex: 1; width: 100%;padding: 20px; background-color: #fff; border-radius: 6px; border: 1px solid #B9872C; font-size: inherit;}
.txt-visual-cont.image.code .visual-awards-list .visual-awards-tit {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 5.11em; padding: 0 20px;font-weight: 500;font-variation-settings: 'wght' 500; color: #B9872C; text-align: center; word-break: keep-all;}
.txt-visual-cont.image.code .visual-awards-list .visual-awards-tit strong {font-weight: 700;font-variation-settings: 'wght' 700;}
.txt-visual-cont.image.code .visual-awards-list .visual-awards-tit::before {content: ''; position: absolute; top: 0; left: 20px; width: 2.38em; height: 100%;background-image: url("../images/sub/common/awards-bg-left.svg");background-position: left center; background-size: 100% auto; background-repeat: no-repeat; font-size: 1rem; }
.txt-visual-cont.image.code .visual-awards-list .visual-awards-tit::after {content: ''; position: absolute; top: 0; right: 20px; width: 2.38em; height: 100%;background-image: url("../images/sub/common/awards-bg-right.svg");background-position: right center; background-size: 100% auto; background-repeat: no-repeat; font-size: 1rem; }
.txt-visual-cont.image.code .visual-awards-list .visual-awards-txt {position: relative; margin: 20px 0 0; padding: 20px 0 0; font-weight: 500;font-variation-settings: 'wght' 500;color: var(--text-gray-color);text-align: center;word-break: keep-all;}
.txt-visual-cont.image.code .visual-awards-list .visual-awards-txt::after {content: '';position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);width: 80px;height: 1px;background-color: #ddd;}

@media screen and (max-width: 1520px) {
    .txt-visual-cont.image.code .visual-awards-list .visual-awards-tit::before {left: 0;}
    .txt-visual-cont.image.code .visual-awards-list .visual-awards-tit::after {right: 0;}
}
@media screen and (max-width: 1280px) {
    .txt-visual-cont.image.code .visual-awards-list .visual-awards-tit::before {left: 10px;}
    .txt-visual-cont.image.code .visual-awards-list .visual-awards-tit::after {right: 10px;}
}
@media screen and (max-width: 1024px) {
    .txt-visual-cont.text .text-md {line-height: 1.625;}
    .content-txt-visual {gap: 4.57em;}
    .content-txt-visual.box-bg { padding: 2.14em 1.43em; border-radius:6px; }
    .txt-visual-area .txt-visual-title {margin: 0 0 1em;}
    .txt-visual-area .txt-visual-cont.text {flex: auto;width: 100%;}
    .txt-visual-area .txt-visual-cont.image {width: 100%; margin: 2.86em 0 0;}
    .content-txt-visual.box-bg .txt-visual-area.mg-img .txt-visual-cont.image {margin: 2.86em 0 0;}
    .txt-visual-area.order .txt-visual-cont.image { margin: 0 0 2.14em;}
    .txt-visual-numbox {margin: 1.71em 0 0;padding: 0.68em 1.14em;}
    .txt-visual-next {padding: 30px 0 0; margin: 30px 0 0;}

    .visual-icon-area {margin: 20px 0 0;}
    .icon-step .step {padding: 0 0 12px; margin: 0 0 8px;}

    .order .order1 {order: 1;}
    .order .order2 {order: 2;}
    .order .order3 {order: 3;}

    .txt-visual-next:has(.txt-visual-cont.image.code) {padding: 20px 0 0;}
    .txt-visual-next .txt-visual-area .txt-visual-cont.image.code {margin: 0;}
    .txt-visual-cont.image.code .visual-awards {gap: 12px;}
    .txt-visual-cont.image.code .visual-awards-list .visual-awards-tit {max-width: 250px;min-height: 68px; margin: 0 auto;padding: 0 30px;}
    .txt-visual-cont.image.code .visual-awards-list .visual-awards-tit::before {left: 0; width: 1.75em;}
    .txt-visual-cont.image.code .visual-awards-list .visual-awards-tit::after {right: 0; width: 1.75em;}
    .txt-visual-cont.image.code .visual-awards-list .visual-awards-tit strong br {display: none;}

    .visual-icon-area.bg-progress {padding: 20px;}
}
@media screen and (max-width: 880px) {
    .txt-visual-cont.image.code .visual-awards {flex-direction: column;}
    .txt-visual-cont.image.code .visual-awards-list {flex: auto;padding: 1.78em 1.43em 1.43em;}
    .txt-visual-cont.image.code .visual-awards-list .visual-awards-tit strong br {display: block;}
    .txt-visual-cont.image.code .visual-awards-list .visual-awards-txt {margin: 24px 0 0;}
}
@media screen and (max-width: 768px) {
    .step {font-size: 0.750rem;}
    .txt-visual-cont.image.caption:has(.ratio1-138) {width: 100%;}
}

/* Process */   
.visual-area.box.bg { padding: 2.50em; border-radius:10px; background-color: #F8F8F8;}
.visual-area.box .process-list {display: flex; gap: 20px; position: relative;}
.visual-area.box .process-list::before {content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; height: 4px; background-color: #BFE4F7;}
.visual-area.box .process-list li {position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; flex: 1; padding: 5px; border-radius: 10px; background-color: #fff; border: 2px solid #BFE4F7; aspect-ratio: 150 / 130; font-weight: 600;font-variation-settings: 'wght' 600;color: var(--text-dark-color);line-height: 1.44;text-align: center;word-break: keep-all;}
@media (max-width: 1024px) {
    .visual-area.box.bg { padding: 20px;}
    .visual-area.box .process-list {gap: 10px;}
    .visual-area.box .process-list li {aspect-ratio: initial; min-height: 102px;}
}
@media (max-width: 768px) {
    .visual-area.box .process-list {flex-direction: column;}
    .visual-area.box .process-list::before {top: 0; left: 50%; transform: translate(-50%, 0);width: 4px; height: 100%;}
    .visual-area.box .process-list li { padding: 16px 10px; min-height: auto;}
    .visual-area.box .process-list li br {display: none;}
}

/*========== Banner Top ==========*/
.banner-top { max-width: 1620px; margin: 6.25em auto 0; font-size: var(--h-basic-text);}
.banner-top .banner-top-inner {overflow: hidden; position: relative; width: 100vw; max-width: 1880px; background-color: #F9FAFC; font-size: inherit;}
.banner-top .banner-top-inner::before {content: '';opacity: 0.2;position: absolute;top: -162px;left: -225px;transform: rotate(-65deg);width: 27.8em;aspect-ratio: 1 / 1;background-image: url('../images/main/mv-core-right-bg.svg');background-size: 100% auto;background-repeat: no-repeat; background-position: center;}
.banner-top .banner-top-inner::after {content: '';opacity: 0.3;position: absolute;top: -40px;right: -160px;width: 42.75em;aspect-ratio: 684 / 656;background-image: url('../images/main/mv-talent-bg.svg');background-size: 100% auto;background-repeat: no-repeat; background-position: center;}
.banner-top .banner-top-inner .section-inner.full { margin: 0; padding:4em 0 5em 9.38vw;}
.banner-txt {word-break: keep-all;}
@media (max-width: 1780px) {
    .banner-top {max-width: 100%; margin: 6.25em clamp(20px, 3.933vw, 72px) 0;}
    .banner-top .banner-top-inner {max-width: 100%; width: 100%;}
}
@media (max-width: 1024px) {
    .banner-top {margin: 4.57em clamp(20px, 3.933vw, 72px) 0;}
    .banner-top .banner-top-inner .section-inner.full { margin-right: clamp(20px, 3.933vw, 72px); padding:4.29em 20px 4.29em clamp(30px, 4vw, 180px);}
}
@media (max-width: 768px) {
    .banner-txt br {display: none;}
    .banner-top .banner-top-inner::before {top: -142px;left: -158px;transform: rotate(-110deg);width: 20.8em;}
    .banner-top .banner-top-inner::after {top: auto; bottom: -32px;right: -104px;width: 278px;aspect-ratio: 278 / 266;}
}
@media (max-width: 360px) {
    .banner-top .banner-top-inner .section-inner.full { margin-right: 7px; padding:4.29em 20px 4.29em;}
}

/*========== Info List ==========*/
.info-box-wrap {margin: 20px 0 0; font-size: var(--h-basic-text);}
.info-box {display: flex; gap: 1em;  font-size: inherit;}
.info-box .info-box-list { flex: 1; width: 100%; padding: 1.88em; background-color: #F9FAFC; border-radius: 10px;font-size: var(--h-basic-text);}
.info-box .info-box-list .list-dl { min-height: 8.88em; padding: 0 0 3.75em;background-size: 4.63em auto;background-repeat: no-repeat; background-position: right bottom; font-size: inherit;}
.info-box .info-box-list .list-dl .list-dt { margin: 0 0 10px; font-size: 1rem; font-weight: 700; font-variation-settings: 'wght' 700;color: var(--main-color); line-height: 1;}
.info-box .info-box-list .list-dl .list-dd {font-size: 1.250rem;font-weight: 400; font-variation-settings: 'wght' 400;color: var(--text-dark-color); line-height: 1.4;}
.info-box .info-box-list .list-dl .list-dd a {font-weight: 400; font-variation-settings: 'wght' 400;color: inherit;}

@media (max-width: 1520px) {
    .info-box .info-box-list .list-dl .list-dd {font-size: clamp(1.125rem, 1.316vw, 1.250rem); }
}
@media (max-width: 1024px) {
    .info-box .info-box-list {padding: 1.71em;}
    .info-box .info-box-list .list-dl { min-height: 8.86em;padding: 0 0 3.14em;background-size: 4.29em auto;}
    .info-box .info-box-list .list-dl .list-dd {line-height: 1.555;}
}
@media (max-width: 768px) {
    .info-box {flex-direction: column;gap: 16px;}
}

/*========== Index list ==========*/
.content-wrap:has(.content-title + .index-step-wrap) .content-title {margin: 0;}
.index-step-list {display: flex; align-items: center; gap: 16px; padding: 15px 0;border-top: 1px solid var(--line-basic-color); font-size: var(--h-basic-text);}
.index-step-list:last-child {border-bottom: 1px solid var(--line-basic-color);}
.index-step-list .list-style > li + li {margin: 12px 0 0;}
.index-step-list .index-step-left {align-self: flex-start; width: clamp(240px, 19.48vw, 374px); font-size: var(--h-basic-text);}
.index-step-list .index-step-right {flex: 1; align-self: center; width: 100%; font-size: var(--h-basic-text);}
.index-step-list .list-dl {padding: 7px 0 7px 5.38em; background-size: 4.38em auto;background-position: left center;background-repeat: no-repeat;font-size: var(--h-basic-text);}
.index-step-list .list-dl:not(:has(.list-dt)) {padding: 1.38em 0 1.38em 5.38em;}
.index-step-list.index-list01 .list-dl { background-image: url('../images/sub/social/executive/index-step-icon-01.svg');}
.index-step-list.index-list02 .list-dl { background-image: url('../images/sub/social/executive/index-step-icon-02.svg');}
.index-step-list.index-list03 .list-dl { background-image: url('../images/sub/social/executive/index-step-icon-03.svg');}
.index-step-list.index-list04 .list-dl { background-image: url('../images/sub/social/executive/index-step-icon-04.svg');}
.index-step-list.index-list05 .list-dl { background-image: url('../images/sub/social/executive/index-step-icon-05.svg');}
.index-step-list.index-list06 .list-dl { background-image: url('../images/sub/social/executive/index-step-icon-06.svg');}
.index-step2 .index-step-list.index-list01 .list-dl { background-image: url('../images/sub/social/executive/index-step-icon2-01.svg');}
.index-step2 .index-step-list.index-list02 .list-dl { background-image: url('../images/sub/social/executive/index-step-icon2-02.svg');}
.index-step2 .index-step-list.index-list03 .list-dl { background-image: url('../images/sub/social/executive/index-step-icon2-03.svg');}
.index-step-list .list-dl .list-dt {font-size: var(--h-basic-text);font-weight: 700;font-variation-settings: 'wght' 700;color: var(--main-color);line-height: 1.87;}
.index-step-list .list-dl .list-dt span {position: relative;padding: 0 0 0 28px;margin: 0;}
.index-step-list .list-dl .list-dt span::after {content: '';position: absolute;top: 50%;left: 0;transform: translate(0, -50%);width: 20px;height: 2px;background-color: var(--main-color);}
.index-step-list .list-dl .list-dd {font-size: 1.38rem;font-weight: 700;font-variation-settings: 'wght' 700;word-break: keep-all;color: var(--text-dark-color);line-height: 1.363;}
.index-step-txt {font-weight: 700;font-variation-settings: 'wght' 700;word-break: keep-all;color: var(--text-dark-color);line-height: 1.5;}
.index-step-txt em {font-weight: 700;font-variation-settings: 'wght' 700;color: var(--main-color);}
.index-step-text {margin: 1.11em 0 0; font-weight: 400;font-variation-settings: 'wght' 400;word-break: keep-all;color: var(--text-gray-color);line-height: 1.75;}
.index-step2 .index-step-text {margin: 0;}

@media screen and (max-width: 1520px) {
    .index-step-list .list-dl .list-dd {font-size: clamp(1.250rem, 1.45vw, 1.38rem);}
}
@media screen and (max-width: 1024px) {
    .index-step-txt br {display: none;}
}
@media screen and (max-width: 768px) {
    .index-step-list {flex-direction: column;gap: 1.71em;padding: 2.14em 0;}
    .index-step-list .list-dl {padding: 7px 0 7px 5em;background-size: 4.29em auto;}
    .index-step-list .list-dl .list-dt {line-height: 1;}
}

/*========== Intro list ==========*/
.intro-area {margin: 1.63em 0 0; font-size: var(--h-basic-text);}
.intro-wrap {display: flex; flex-direction: column; border-top: 2px solid #111; border-bottom: 1px solid #ddd;}
.intro-wrap .intro-list {display: flex;padding: 1.63em 0; font-size: var(--h-basic-text);}
.intro-wrap .intro-list + .intro-list {border-top: 1px solid #ddd;}
.intro-wrap .intro-list .intro-cont {display: flex; gap: 2.25em; width: 50%;font-size: var(--h-basic-text);}
.intro-wrap .intro-list .intro-cont.w100p {width: 100%;}
.intro-tit {width: 82px; font-size: var(--text18-16);font-weight: 700; font-variation-settings: 'wght' 700; color: var(--text-dark-color);text-align: justify;text-align-last: justify;text-justify: distribute;}
.intro-txt { width: calc(100% - (80px + 1.13em)); font-size: var(--text18-16);font-weight: 400; font-variation-settings: 'wght' 400; color: var(--text-dark-color); word-break: keep-all;}
.intro-txt.link {display: flex;align-items: center;gap: 6px;}
.intro-txt.link span {background-image: linear-gradient(transparent calc(100% - 1px), #333 1px);background-repeat: no-repeat;background-size: 0% 100%;transition: background-size 400ms;font-weight: 400; font-variation-settings: 'wght' 400; color: inherit;}
.intro-txt.link span:hover { background-size: 100% 100%;}
@media screen and (max-width: 1024px) {
    .intro-wrap .intro-list {flex-direction: column; padding: 22px 0;}
    .intro-wrap .intro-list .intro-cont {gap: 30px; width: 100%;}
    .intro-wrap .intro-list:has(.intro-cont + .intro-cont) .intro-cont:nth-child(1) {padding: 0 0 24px;}
    .intro-wrap .intro-list .intro-cont + .intro-cont {padding: 22px 0 0; border-top: 1px solid #ddd;}
}
@media screen and (max-width: 768px) {
    .intro-tit {width: 73px;}
}


/*========== Plan list ==========*/
.plan-step-wrap .plan-step {display: flex; flex-direction: column; gap: 2.50em; font-size: var(--h-basic-text);}
.plan-step .plan-step-list {display: flex; gap: 8px;}
.plan-step .plan-step-list.col {flex-direction: column;}
.plan-step .plan-step-list.col .plan-step-left {margin: 0 0 1.88em;}
.plan-step .plan-step-list .plan-step-left {width: clamp(180px, 14.27vw, 17.13em);}
.plan-step .plan-step-list .plan-step-left .visual-title {line-height: 1.3 !important;}
.plan-step .plan-step-list .plan-step-left .visual-title em {font-size: 1rem;font-weight: 600;font-variation-settings: 'wght' 600;}
.plan-step .plan-step-list .plan-step-left .visual-title span::before { top: 0.55em; transform:translate(0, 0);}
.plan-step .plan-step-list .plan-step-right {display: flex; align-items: center; gap: 20px clamp(20px, 2.08vw, 42px); flex: 1;padding: 1.88em;padding-left: clamp(20px, 3.13vw, 60px); border-radius: 10px;border: 2px solid var(--line-basic-color); font-size: var(--line-basic-color);}
.plan-step .plan-step-list .plan-step-right > li {min-width: 19.38em; font-size: var(--h-basic-text)}
.plan-step .plan-step-list .plan-step-right .list-dl {position: relative; padding: 0.75em 0 0.75em 5em; font-size: var(--h-basic-text);}
.plan-step .plan-step-list .plan-step-right .list-dl::before {content: '';position: absolute;top: 50%;left: 0;transform: translate(0, -50%);width: 4.38em;height: 4.38em;background-color: #F0F8FC;background-position: center;background-repeat: no-repeat;border-radius: 50%;}
.plan-step .plan-step-list .plan-step-right .step01 .list-dl::before { background-image: url('../images/sub/governance/structure/structure-index-icon-01.svg');background-size: 2.13em auto;}
.plan-step .plan-step-list .plan-step-right .step02 .list-dl::before {background-image: url('../images/sub/governance/structure/structure-index-icon-02.svg');background-size: 1.88em auto;}
.plan-step .plan-step-list .plan-step-right .list-dt {font-size: var(--h-basic-text);font-weight: 500;font-variation-settings: 'wght' 500; color: var(--text-gray-color); word-break: keep-all;}
.plan-step .plan-step-list .plan-step-right .list-dt span {position: relative; margin-right: 7px;padding-right: 7px;}
.plan-step .plan-step-list .plan-step-right .list-dt span::after {content: '';position: absolute;top: 50%;right: 0;transform: translate(0,-50%);width: 1px;height: 10px;background-color: #ddd;}
.plan-step .plan-step-list .plan-step-right .list-dd {margin: 0.56em 0 0; font-size: var(--text18-16);font-weight: 700;font-variation-settings: 'wght' 700; color: var(--text-dark-color); line-height: 1.33; word-break: keep-all;}
.plan-step .plan-step-list .plan-step-right .list-dd em { font-weight: 700;font-variation-settings: 'wght' 700;}

.plan-step .plan-step-list .plan-step-right.col2 {flex-wrap: wrap;justify-content: center;}
.plan-step .plan-step-list .plan-step-right.col2 > li {width: calc(100% / 2 - (clamp(40px, 3.65vw, 70px)/2));}
.plan-step .plan-step-list .plan-step-right.col2 .plan-step-right {padding-left: 1.88em;}
.plan-step .plan-step-list .plan-step-right .step03 .list-dl::before { background-image: url('../images/sub/governance/structure/structure-index-icon-03.svg');background-size: 2.31em auto;}
.plan-step .plan-step-list .plan-step-right .step04 .list-dl::before {background-image: url('../images/sub/governance/structure/structure-index-icon-04.svg');background-size: 2.19em auto;}
.plan-step .plan-step-list .plan-step-right .step05 .list-dl::before {background-image: url('../images/sub/governance/structure/structure-index-icon-05.svg');background-size: 2.25em auto;}
.plan-step .plan-step-list .plan-step-right .step06 .list-dl::before {background-image: url('../images/sub/governance/structure/structure-index-icon-06.svg');background-size: 2.38em auto;}

@media screen and (max-width: 1520px) {
    .plan-step .plan-step-list .plan-step-right .list-dd br.pc {display: none;}
}
@media screen and (max-width: 1024px) {
    .plan-step .plan-step-list {flex-direction: column;gap: 20px;}
    .plan-step .plan-step-list .plan-step-left {width: 100%;}
    .plan-step .plan-step-list .plan-step-left .visual-title br {display: none;}
    .plan-step .plan-step-list .plan-step-right {gap: 20px;}

    .plan-step .plan-step-list .plan-step-right.col2 > li {min-width: auto;}
}
@media screen and (max-width: 768px) {
    .plan-step .plan-step-list .plan-step-right {flex-direction: column; align-items: flex-start;gap: 26px; padding: 2.14em 1.79em 2.14em 2.14em;}
    .plan-step .plan-step-list .plan-step-right > li {display: flex; align-items: center; min-width: auto;min-height: 75px;}
    .plan-step .plan-step-list .plan-step-right .list-dd br {display: none;}
    .plan-step .plan-step-list .plan-step-right .list-dl {padding: 13px 0 13px 95px;}
    .plan-step .plan-step-list .plan-step-right .list-dl::before {width: 75px; height: 75px;}
    .plan-step .plan-step-list .plan-step-right .step01 .list-dl::before {background-size: 38px auto;}
    .plan-step .plan-step-list .plan-step-right .step02 .list-dl::before {background-size: 33px auto;}
    .plan-step .plan-step-list .plan-step-left .visual-title em {display: block;margin-top: 2px;}    
    .plan-step .plan-step-list .plan-step-right.col2 > li {width: 100%;}
    .plan-step .plan-step-list .plan-step-right .step03 .list-dl::before {background-size: 42px auto;}
    .plan-step .plan-step-list .plan-step-right .step04 .list-dl::before { top: 0; transform:translate(0,0); background-size: 38px auto; }
    .plan-step .plan-step-list .plan-step-right .step05 .list-dl::before {background-size: 40px auto;}
    .plan-step .plan-step-list .plan-step-right .step06 .list-dl::before {background-size: 42px auto;}
}
@media screen and (max-width: 460px) {
    .plan-step .plan-step-list .plan-step-right .list-dl {padding: 4px 0 4px 95px;}
    .plan-step .plan-step-list .plan-step-right .list-dd br {display: block;}
}

/*========== Diagram ==========*/
.diagram-area {position: relative;}
.diagram-wrap { min-width: 1160px; padding: 7.94em 2.50em 2.50em; border-radius: 10px; border: 2px solid var(--line-basic-color); font-size: var(--h-basic-text);}
.diagram-fix {position: absolute; top: 2.50em; width: calc(100% - 2.50em); text-align: center;}
.diagram-tit {font-size: 1.75rem;font-weight: 700;font-variation-settings: 'wght' 700;color: var(--main-color);line-height: 1;}
.diagram-txt {margin-top: 12px; font-size: 1.125rem;font-weight: 500;font-variation-settings: 'wght' 500;color: var(--text-dark-color);line-height: 1;}
.diagram-cont-wrap {display: flex; flex-wrap: wrap; gap: 30px 45px; margin-top: 20px;}
.diagram-cont-tit {display: flex; align-items: center; font-size: 1.38rem;font-weight: 700;font-variation-settings: 'wght' 700;color: var(--main-color);line-height: 1;}
.diagram-cont-tit span {position: relative; padding-left: 12px;margin-left: 12px; font-size: 1rem;font-weight: 500;font-variation-settings: 'wght' 500;color: var(--text-gray-color);line-height: 1;}
.diagram-cont-tit span::before {content: ''; width: 1px; height: 12px; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); background-color: #ddd; }
.diagram-box-wrap {display: flex; gap: 10px; margin-top: 15px;border-radius: 4px; padding: 20px; background-color: #F2F2F2;}
.diagram-box {overflow: hidden; flex: 1;background-color: #fff;border-radius: 4px; border: 1px solid var(--main-color); text-align: center;}
.diagram-box dt {padding: 8px; background-color: var(--main-color); font-size: 1rem;font-weight: 600;font-variation-settings: 'wght' 600;color: #fff;line-height: 1;}
.diagram-box dd {display: flex; align-items: center; justify-content: center; min-height: 56px; padding: 8px; font-size: 1rem;font-weight: 600;font-variation-settings: 'wght' 600; color: var(--main-color); line-height: 1.125;}
.diagram-box dd sub {margin-top: -4px;font-size: 12px;color: var(--main-color);}
.diagram-cont.blue {width: 166px;}
.diagram-cont.blue .diagram-cont-tit {color: var(--main-point-color);}
.diagram-cont.blue .diagram-box {border-color: var(--main-point-color);}
.diagram-cont.blue .diagram-box dt {background-color: var(--main-point-color);}
.diagram-cont.blue .diagram-box dd {color: var(--main-point-color);}
.diagram-cont.blue .diagram-box dd sub {color: var(--main-point-color);}
.diagram-cont.dark {width: calc(100% - 211px);}
.diagram-cont.dark .diagram-cont-tit {color: #004774;}
.diagram-cont.dark .diagram-box {border-color: #004774;}
.diagram-cont.dark .diagram-box dt {background-color: #004774;}
.diagram-cont.dark .diagram-box dd {color: #004774;}
.diagram-cont.dark .diagram-box dd sub{color: #004774;}
.diagram-bottom {display: flex; justify-content: space-between; align-items: flex-end;margin-top: 30px;}
.diagram-bottom .schematic-box {margin-bottom: 10px; padding: 15px 30px 14px;font-size: var(--text18-16);}
@media (max-width: 768px) {
    .diagram-fix {width: auto;}
}

.visual-img-wrap.code .schematic-box-title {padding: 0.83em; font-size: 1.125rem;}
.visual-img-wrap.code .diagram-box-wrap {padding: 0;margin-top: 20px; background-color: transparent;}
.visual-img-wrap.code .diagram-box {padding: 10px; border-radius: 10px;}
.visual-img-wrap.code .diagram-box dt {font-size: 1.125rem;}
.visual-img-wrap.code .diagram-box dt {padding: 10px 5px; border-radius: 8px; background-color: #F0F8FC; font-size: 1.125rem;color: var(--main-color);}
.visual-img-wrap.code .diagram-box dd {display: flex; justify-content: center; align-items: center; height: calc(100% - 38px); min-height: 92px; padding: 0; color: var(--text-dark-color);line-height: 1.25;}
.visual-img-wrap.code .diagram-box dd .list-style {display: flex;flex-direction: column;align-items: center;}
.visual-img-wrap.code .diagram-box dd .list-style > li {top: 6px;padding: 0 0 0 8px;font-weight: 600;font-variation-settings: 'wght' 600; color: var(--text-dark-color); line-height: 1.25;}

/*========== Text Color Animation ==========*/
.txt-flow-wrap {margin: 1.50em 0 4.63em;font-size:var(--h-basic-text);font-weight: 600;line-height: 1.4;}
.txt-flow-wrap.mo {display: none;}
.flow-split .br-mmo {display: none;}
.flow-split-char { font-size: 2rem; font-weight: 700; font-variation-settings: 'wght' 700; color: var(--text-dark-color); transition: color 400ms cubic-bezier(0.22, 1, 0.36, 1); line-height: 1.5; -webkit-transition: color 400ms cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: color 400ms cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: color 400ms cubic-bezier(0.22, 1, 0.36, 1); -o-transition: color 400ms cubic-bezier(0.22, 1, 0.36, 1); }
.flow-split-char.highlight {color: var(--main-color);}
@media (max-width: 1520px) {
    .flow-split-char {font-size: clamp(1.50rem, 2.11vw,2rem);}
}
@media (max-width: 1024px) {
    .flow-split-char {line-height: 1.42;}
}
@media (max-width: 768px) {
    .txt-flow-wrap {margin: 15px 0 35px;}
}
@media (max-width: 560px) {
    .txt-flow-wrap.pc {display: none;}
    .txt-flow-wrap.mo {display: block;}
}
@media (max-width: 340px) {
    .flow-split .br-mmo {display: block;}
}

/*========== Scroll Active List Animation ==========*/
.timer-content {display: flex; flex-direction: column; gap: 5.63em; font-size: var(--h-basic-text);}
.timer-content .timer-cont-list {display: flex;gap: 30px; font-size: inherit; }
.timer-content .timer-cont-list .timer-tit-wrap {position: relative; width: 25%; max-width: 330px; padding: 0 2.50em; font-size: var(--h-basic-text);}
.timer-content .timer-cont-list .timer-tit-wrap::before { content: ''; position: absolute; top: 1.61em; left: 0; transform: translate(0, -50%); width: 3px; height: 0; background-color: var(--text-dark-color); transform-origin: center; }
.timer-content .timer-cont-list.active .timer-tit-wrap::before {height: 3.63em;transition: height 400ms;}
.timer-content .timer-cont-list .timer-tit-wrap .timer-num { margin: 0 0 6px; font-weight: 700;font-variation-settings: 'wght' 700;color: var(--main-color);line-height: 1;}
.timer-content .timer-cont-list .timer-tit-wrap .timer-tit {color: var(--text-dark-color); line-height: 1.44;}
.timer-content .timer-cont-list .timer-txt {flex: 1;font-weight: 400;font-variation-settings: 'wght' 400;color: var(--text-dark-color); line-height: 1.8; }
.timer-content .timer-cont-list .timer-txt strong { font-weight: 700;font-variation-settings: 'wght' 700;}
@media screen and (max-width: 768px) {
    .timer-content {gap: 4.29em;}
    .timer-content .timer-cont-list {flex-direction: column;gap: 24px;}
    .timer-content .timer-cont-list .timer-tit-wrap {width: 100%; max-width: none; padding: 0 20px;}
    .timer-content .timer-cont-list .timer-txt {margin: 0 0 0 20px; line-height: 1.555;}
    .timer-content .timer-cont-list .timer-txt br {display: none;}
    .timer-content .timer-cont-list.active .timer-tit-wrap::before {height: 3.36em;}
    .timer-content .timer-cont-list .timer-tit-wrap .timer-num { margin: 0 0 6px;}
}

/*========== Chart ==========*/
.chart-area { margin: 1.88em 0 0; padding: clamp(2.50em, 3.13vw, 3.75em); border-radius: 10px; border: 2px solid var(--line-basic-color); font-size: 1rem; } 
.chart-area.bg { border: none; background-color: #F8F8F8; } 
.chart-container { width: 100%; margin: 0 auto; position: relative; font-family: 'Pretendard', sans-serif; } 
.chart-tooltip { opacity: 0; visibility: hidden; z-index: 20; position: absolute; min-width: 84px; padding: 9px 12px; border-radius: 3px; transition: opacity 0.2s ease, visibility 0.2s ease; background-color: #fff; border: 1px solid #ddd; } 
.chart-container:not(.donut-chart-wrapper) .chart-tooltip { transform: translateY(-30px); } 
.chart-container:not(.donut-chart-wrapper) .chart-tooltip::before { content: ''; position: absolute; bottom: -8px; left: 50%; transform: translate(-50%, 0); border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #ddd; } 
.chart-container:not(.donut-chart-wrapper) .chart-tooltip::after { content: ''; z-index: 21; position: absolute; bottom: -7px; left: 50%; transform: translate(-50%, 0); border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #fff; } 
.chart-tooltip.show { opacity: 1; visibility: visible; } 
.ctgy { display: block; font-size: 13px; font-weight: 500; font-variation-settings: 'wght' 500; color: var(--text-dark-color); text-align: center; } 
.ctgy-data { display: flex; justify-content: center; align-items: center; gap: 4px; } 
.ctgy-data-box { width: 9px; height: 9px; border-radius: 1px; } 
.ctgy-num { font-size: 14px; font-weight: 600; font-variation-settings: 'wght' 600; color: var(--main-txt-color); } 
.chart-legend { display: flex; margin-bottom: 35px; } 
.legend-item { display: flex; align-items: center; font-size: 14px; font-weight: 600; font-variation-settings: 'wght' 600; color: var(--text-dark-color); } 
.legend-item + .legend-item { margin-left: 20px; } 
.legend-color { width: 9px; height: 9px; margin-right: 4px; border-radius: 1px; } 
.chart-grid { position: relative; margin-left: 40px; border-bottom: 2px solid #ddd; } 
.grid-line { position: absolute; width: 100%; border-top: 1px dashed #ddd; z-index: 1; } 
.y-axis { position: absolute; left: -40px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } 
.y-label { font-size: 12px; font-family: 'Pretendard', sans-serif; color: #666; } 
.bars-container { display: flex; justify-content: space-between; height: 100%; position: relative; z-index: 2; } 
.bar-group { display: flex; justify-content: space-between; align-items: flex-end; width: 100px; height: 100%; } 
.bar { position: relative; width: 40px; border-radius: 4px 4px 0 0; cursor: pointer; } 
.bar-label { position: absolute; top: -20px; width: 100%; text-align: center; font-size: 12px; font-weight: 600; font-family: 'Pretendard', sans-serif; color: #333; } 
.x-labels { display: flex; justify-content: space-between; position: relative; left: 50%; transform: translateX(-50%); margin: 18px 0 0; } 
.x-label { text-align: center; font-size: 14px; font-weight: 700; font-variation-settings: 'wght' 700; color: var(--text-dark-color); width: auto; min-width: 100px; } 
.chart-container.reversed-chart .chart-tooltip { position: absolute; background-color: rgba(0, 0, 0, 0.8); color: #fff; padding: 8px 12px; border-radius: 4px; font-size: 12px; font-family: 'Pretendard', sans-serif; pointer-events: none; z-index: 100; max-width: 200px; white-space: nowrap; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease; } 
.chart-container.reversed-chart .chart-tooltip.show { opacity: 1; visibility: visible; } 
@media screen and (max-width: 1024px){
    .chart-area { margin: 20px 0 0; padding: 2.50em; } 
}
.donut-chart-container { position: relative; } 
.donut-chart-wrapper { position: relative; overflow: visible;}
.donut-chart-svg { width: 100%; height: 100%; } 
.donut-segment { transition: transform 0.3s ease-out; cursor: pointer; } 
.donut-legend-color { width: 8px; height: 8px; border-radius: 50%; margin-right: 10px; flex-shrink: 0; } 
.donut-legend-content { display: flex; align-items: center; justify-content: space-between; width: 100%; } 
.donut-legend-label { font-size: var(--text18-16); color: var(--text-dark-color); font-weight: 600; font-variation-settings: 'wght' 600; } 
.donut-legend-item { cursor: pointer; } 
.donut-value { font-size: var(--title-sm); color: var(--text-dark-color); font-weight: 500; font-variation-settings: 'wght' 500; } 
.donut-unit { font-size: var(--h-basic-text); color: var(--text-dark-color); font-weight: 500; font-variation-settings: 'wght' 500; } 
.donut-chart-container + .chart-legend { margin: 0; } 
.donut-segment { transform-origin: center; transition: transform 0.3s ease-out; } 
.chart-summary-list { width: 15.13em; background-color: var(--main-color); padding: 1.50em 1em 0.750em 1.88em; border-radius: 10px; font-size: var(--h-basic-text); color: #fff; } 
.chart-summary-list .list-dt { font-weight: 600; font-variation-settings: 'wght' 600; } 
.chart-summary-list .list-dd.caption { font-size: 0.875rem; font-weight: 500; font-variation-settings: 'wght' 500; } 
.chart-summary-list .list-dd.text20-16 { margin: 8px 0 0; font-weight: 400; font-variation-settings: 'wght' 400; text-align: right; } 
.chart-summary-list .num { display: inline-block; margin-right: 4px; font-size: 2.25rem; font-weight: 600; font-variation-settings: 'wght' 600; font-family: 'Nunito Sans Variable', 'Nunito Sans', sans-serif; line-height: 1.2; } 
@media screen and (max-width: 1024px){
    .chart-summary-list .num { font-size: clamp(2rem, 2.37vw, 2.25rem); } 
}
@media screen and (max-width: 1024px){
    .chart-summary-list .list-dd.caption { font-size: 0.750rem; opacity: 0.8; margin-bottom: 10px; } 
}