@charset "utf-8";

.deco-tit {display: flex; justify-content: center; gap: 6px;}
.deco-tit:after {content: ''; display: block; width: var(--space-10); height: var(--space-10); border-radius: 100%; background: var(--primary-color);}
.hyphen-list li:before {content: '-'; margin-right: 7px;}
.hyphen-list li {text-indent: -.7em; padding-left: .7em;}
.list.dot {display: flex; flex-direction: column; gap: var(--space-15); flex:1; margin-bottom: var(--space-40); font-size: var(--font-size-18); color: #505050; line-height: 1.45;}
.list.dot li {position: relative; padding-left: 1em;}
.list.dot li:before {content: '•'; position: absolute; left: 0; color: #CCC; font-weight: 900;}
.star-txt {color: #878787;}
.star-txt:before {content: '*'; margin-right: 5px; color: #EE1F1F;}
.dot-list li {text-indent: -1em; padding-left: 1em;}
.dot-list li:before {content: '•'; margin-right: 10px; color: var(--primary-color);}

.page-greeting {position: relative; padding-bottom: var(--space-180);}
.page-greeting:before {content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 78%; z-index: -1; background: #F5F7FB;}
.page-greeting .contain {gap: 25px var(--space-40);}
.greeting-title {padding-bottom: var(--space-60);}
.greeting-tag {gap: 20px;}
.greeting-tag:after {content: ''; display: block; flex: 1; height: 1px; background: var(--primary-color); max-width: 400px;}
.greeting-img {width:40%;}
.greeting-img .img {border-radius: var(--radius-16); overflow:hidden;}
.greeting-ceo {width: fit-content; height: fit-content; border-radius: var(--radius-16); overflow: hidden;}
.greeting-bottom {display: flex;justify-content: space-between; align-items: flex-end; margin-top:-5em;}
.greeting-sign {gap: var(--space-30);}

.vision-items {position: relative; display: grid; grid-template-columns: repeat(2, 1fr); max-width: 1100px; padding: var(--space-60); margin: calc(clamp(50px, calc( 140 / var(--inner) * 100vw ), 140px) / -1) auto 0; border-radius: 8px; background: #fff;}
.vision-item:not(:last-child) {border-right: 1px solid #ddd;}
.vision-item small {display: inline-block; border-left: 1px solid #ddd; padding-left: var(--space-10); margin-left: var(--space-10);}
.ideology-boxes {display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(10px, calc( 25 / var(--inner) * 100vw ), 25px);}
.ideology-box {display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-60); padding: var(--space-50); border-radius: var(--radius-16); overflow: hidden; background: url('/images/sub/bg-ideology.jpg') no-repeat center center / cover;}
.ideology-box .icon {justify-content: flex-end;}

.welcome-banner {padding: clamp(25px, calc( 130 / var(--inner) * 100vw ), 130px) 0;}
.history-banner {background: url('/images/sub/bg-history-banner.jpg') no-repeat center center / cover;}
.history-list {position: relative;}
.history-list:before {content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #ddd;}
.history-list .contain {display: flex; flex-direction: column;}
.year-block {display: flex; justify-content: space-between; align-items: flex-start; gap: 25px var(--history-gap); padding: clamp(20px, calc( 100 / var(--inner) * 100vw ), 100px) 0;}
.year-block:last-child {padding-bottom: 0;}
.year-block.left {flex-direction: row;}
.year-block.right {flex-direction: row-reverse; text-align: right;}
.year-block .cont {width: 50%; padding-left: var(--history-gap);}
.year-block.right .cont {padding-left: 0; padding-right: var(--history-gap);}
.year-block .tit {position: relative; margin-bottom: var(--space-40); font-size: var(--font-size-48); font-weight: 700; color: var(--primary-color); line-height: 1.2;}
.year-block .tit:before {content: ''; position: absolute; right: calc(100% + 10px); top: 50%; width: calc(var(--history-gap) - 10px); height: 1px; background: #ddd;}
.year-block.right .tit:before {right: auto; left: calc(100% + 10px);}
.year-block .tit:after {content: ''; position: absolute; left: calc(var(--history-gap) * -1); top: 50%; transform: translate(-50%, -50%); width: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); height: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); border: clamp(4px, calc( 8 / var(--inner) * 100vw ), 8px) solid var(--primary-color); background: #fff; border-radius: 100%;}
.year-block.right .tit:after {left: auto; right: calc(var(--history-gap) * -1); transform: translate(50%, -50%);}
.year-block .txt {flex: 1;}
.year-block ul.txt li{text-indent: -.5em; padding-left: 0.5em;}
.year-block .list {display: flex; flex-direction: column; gap: var(--space-10);}
.year-block .list li {display: flex; gap: var(--space-30); align-items: flex-start;}
.year-block .list .num {flex-shrink: 0; width: 26px; font-size: var(--font-size-20); font-weight: 600; color: var(--dark-color);}
.year-block.right .list li {justify-content: flex-end;}

.page-ci.type2 {display: flex; flex-direction: column; gap: var(--space-80); margin-top: var(--space-80);}
.page-ci .ci-row {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--space-40); padding: var(--space-30) clamp(15px, calc(50 / var(--inner) * 100vw), 50px); border-top: 1px solid #ddd;}
.page-ci .ci-row .cont {flex: 1; min-width: 280px; max-width: 629px;}
.page-ci .ci-row .img {flex: 0 1 398px;}
.page-ci .download {display: flex; flex-wrap: wrap; gap: var(--space-40); margin-top: var(--space-40);}
.btn-download {display: inline-flex; align-items: center; gap: var(--space-20); padding: clamp(8px, calc(14 / var(--inner) * 100vw), 14px) 20px; border-radius: 100px; background: #3763af; color: #fff; font-size: var(--font-size-16); line-height: 1em; text-decoration: none;}
.btn-download:after {content: ''; display: block; width: 24px; height: 24px; background: url('/images/sub/icon-download.svg') no-repeat center center / contain;}
.page-ci.type2 section {display: flex; flex-direction: column; gap: var(--space-30);}
.page-ci .cont-tit .tit {margin-bottom: var(--space-15); font-size: var(--font-size-24); font-weight: 700; color: var(--dark-color);}
.page-ci .ci-clear .img.box {border: 1px solid #ddd; border-radius: var(--radius-16); overflow: hidden; padding: var(--space-30) ;}
.page-ci .color-box {display: flex; flex-wrap: wrap; gap: var(--space-30); padding: var(--space-30) var(--space-60); border: 1px solid #ddd; border-radius: var(--radius-16);}
.page-ci .color-item {flex: 1;}
.page-ci .color-item .swatch {display: flex; align-items: flex-end; min-height: 100px; padding: var(--space-10); margin-bottom: var(--space-20); font-size: var(--font-size-24); font-weight: 700; color: #fff;}
.page-ci .color-item .swatch.em-green {background: #22AC38;}
.page-ci .color-item .swatch.em-blue {background: #2E59A7;}
.page-ci .color-item .swatch.em-deepblue {background: #2A2E77;}
.page-ci .color-item .list {display: flex; flex-direction: column; gap: var(--space-10);}
.page-ci .color-item .list li {position: relative; padding-left: 1em; text-indent: -1em; font-size: var(--font-size-18); color: #505050;}
.page-ci .color-item .list li:before {content: '•'; margin-right: 10px; font-weight: 900;  color: currentColor;}
.page-ci .color-item:nth-child(1) .list li:before {color: #22AC38;}
.page-ci .color-item:nth-child(2) .list li:before {color: #2E59A7;}
.page-ci .color-item:nth-child(3) .list li:before {color: #2A2E77;}

.esg-banner {min-height: 394px; background: url('/images/sub/bg-esg-banner.jpg') no-repeat center center / cover;}
.esg-item {display: flex; gap: 20px clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px); line-height: 1.6em;}
.esg-item:nth-child(even) {flex-direction: row-reverse;}
.esg-item:not(:last-child) {margin-bottom: var(--space-80);}
.esg-item .img {width:51.5%}

.page-product {display: flex; flex-direction: column; gap: var(--space-150);}
.sec-product-info {display: flex; flex-direction: column; gap: clamp(35px, calc(60 / var(--inner) * 100vw), 60px);}
.page-product .prod-cards {display: flex; flex-wrap: wrap; gap: var(--space-20); justify-content: space-between;}
.page-product .prod-cards .card {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; padding: var(--space-60) var(--space-30); border: 1px solid #ddd; border-radius: var(--radius-16); background: #fff; overflow: hidden;}
.page-product .prod-cards .num {color: #eee; margin-bottom: calc(var(--space-20) * -1);}
.page-product .prod-blocks {display: flex; flex-wrap: wrap; gap: var(--space-60); align-items: flex-start;}
.page-product .prod-blocks .tit {margin-bottom: var(--space-15); font-size: var(--font-size-40); font-weight: 700; line-height: 1;}
.page-product .prod-blocks .tit.primary {color: var(--primary-color);}
.page-product .prod-blocks .tit.secondary {color: var(--secondary-color);}
.page-product .prod-blocks .lead {font-size: var(--font-size-18); color: #505050;}
.page-product .prod-blocks .lead .primary {color: var(--primary-color); font-weight: 600;}
.page-product .prod-blocks .lead .secondary {color: var(--secondary-color); font-weight: 600;}
.page-product .prod-blocks .img-box {margin-bottom: var(--space-40);}
.page-product .prod-blocks .img-box .img {position: relative; width: 100%; padding-bottom:56.568%; overflow: hidden; border-radius: var(--radius-16);}
.page-product .prod-blocks .img-box img {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%);}
.spec-table table {width: 100%; border-collapse: collapse;}
.spec-table th {padding: var(--space-15); border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; background: #f4f4f4; font-size: var(--font-size-16); font-weight: 600; color: var(--dark-color); text-align: center;}
.spec-table td {padding: var(--space-15); border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; font-size: var(--font-size-16); text-align: center;}
.spec-table th:first-child,
.spec-table td:first-child {border-left: 0;}
.page-product .prod-hdpe {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-60); padding: var(--space-40) var(--space-60); margin-bottom: var(--space-150); border-radius: var(--radius-16); background: #f9f9f9;}
.page-product .prod-hdpe .hdpe-head {display: flex; align-items: center; gap: var(--space-15);}
.page-product .prod-hdpe .badge {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 20px; font-size: var(--font-size-24); font-weight: 700; color: #fff; background: linear-gradient(148deg, #39b54a 13%, #3763af 88%);}
.page-product .prod-hdpe .tit {font-size: var(--font-size-32); font-weight: 600; color: var(--dark-color);}
.page-product .prod-hdpe .bar {width: 1px; height: 60px; background: #d9d9d9;}
.page-product .prod-hdpe .txt {flex: 1; min-width: 280px; font-size: var(--font-size-18); color: #505050; line-height: 1.66;}
.page-product .prod-hdpe .txt .dark {color: var(--dark-color); font-weight: 600;}
.page-product .prod-compare .cont-tit {text-align: center;}
.page-product .compare-table {position: relative; width: 100%; max-width: 1400px; margin: 0 auto; border: 1px solid #ddd;}
.page-product .compare-table:before {content: ''; position: absolute; width: 23.57%; top: 0; bottom: 0; left: 28.57%; border-radius: var(--radius-16); border: 3px solid var(--primary-color); box-shadow: 0 0 10px 0 var(--primary-color); pointer-events: none;}
.page-product .compare-table table {width: 100%; border-collapse: collapse; table-layout: fixed;}
.page-product .compare-table thead th {padding: var(--space-15) var(--space-10); background: #ebf0f7; font-size: var(--font-size-18); font-weight: 600; text-align: center; border-bottom: 1px solid #ddd;}
.page-product .compare-table thead th:nth-child(2) {font-weight: 700; color: var(--dark-color);}
.page-product .compare-table thead th:not(:last-child) {border-right: 1px solid #ddd;}
.page-product .compare-table tbody th {padding: var(--space-15) var(--space-20); background: #f4f4f4; font-size: var(--font-size-18); font-weight: 600; color: var(--dark-color); text-align: center; vertical-align: middle; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.page-product .compare-table tbody td {padding: var(--space-15) var(--space-10); font-size: var(--font-size-18); color: #505050; text-align: center; vertical-align: middle; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.page-product .compare-table tbody td.col-hdpe {color: var(--dark-color); font-weight: 700;}
.page-product .compare-table tbody tr:last-child th,
.page-product .compare-table tbody tr:last-child td {border-bottom: 0;}
.page-product .compare-table .dots {letter-spacing: 2px; color: #505050;}
.page-product .compare-table .val {font-weight: 400;}
.page-product .compare-table .sup-red {color: #ee1f1f; font-size: 0.65em; font-weight: 600;}
.page-product .footnote {margin-top: 20px; padding-left: 1.2em; list-style: decimal;}
.page-product .footnote li {margin-bottom: var(--space-10);}
.page-product .footnote .mark {color: #ee1f1f; font-weight: 600;}
.page-product .footnote .label {color: #505050;}

.contact-box {border: 1px solid #ddd; flex-wrap: wrap;}
.contact-box h4 {padding: 0 clamp(15px, calc(50 / var(--inner) * 100vw), 50px); background: #F4F4F4;}
.contact-info li {display: flex; gap: var(--space-30)}
.contact-info strong {display: flex; gap: var(--space-15);}
.contact-info {padding: var(--space-15) var(--space-30); max-width: 1100px;}
.contact-info ul {gap: 5px 25px;}
.direction-body {display: flex; flex-direction: column; gap: clamp(40px, calc(120 / var(--inner) * 100vw), 120px);}
.direction-mail {display: flex; gap: var(--space-50)}
.direction-map {width: 100%; height: clamp(270px, calc(510 / var(--inner) * 100vw), 510px);}
.root_daum_roughmap .wrap_map, .root_daum_roughmap, .direction-map iframe {width: 100% !important; height: 100% !important;}

.research-banner {background: url('/images/sub/bg-research-banner.jpg') no-repeat center center / cover;}

.page-research {display: flex; flex-direction: column; gap: clamp(60px, calc(150 / var(--inner) * 100vw), 150px);}
.page-research section {display: flex; flex-direction: column; gap: var(--space-80);}
.page-research .sec-head {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-15); margin-bottom: var(--space-40);}
.page-research .sec-head .tit {font-size: clamp(26px, calc(34 / var(--inner) * 100vw), 34px); font-weight: 700; color: var(--dark-color);}
.page-research .sec-head .sub {font-size: clamp(18px, calc(21 / var(--inner) * 100vw), 21px); color: var(--dark-color);}
.page-research .func-main .card.large {flex: 1; min-width: 300px; max-width: 680px; padding: var(--space-40); border: 1px solid #ddd; border-radius: var(--radius-16); background: #ebf0f7;}
.page-research .item-head {display: flex; align-items: center; gap: var(--space-10); margin-bottom: var(--space-20);}
.page-research .item-head .bar {width: 3px; height: 24px; border-radius: 99px; background: var(--primary-color); flex-shrink: 0;}
.page-research .item-head .bar.secondary {background: var(--secondary-color);}
.page-research .item-head .tit {font-size: var(--font-size-26); font-weight: 600; color: var(--dark-color); text-indent: -1.6em; padding-left: 1.6em;}
.page-research .card.large .cont {display: flex; flex-direction: column; height: 100%;}
.page-research .card.large .lead {margin-bottom: var(--space-20); font-size: var(--font-size-20); color: var(--dark-color); line-height: 1.6;}

.page-research .card.large .img {margin-bottom: var(--space-20); border-radius: 8px; overflow: hidden;border: 1px solid #ddd; width: fit-content; max-width: 100%;}
.page-research .card.large .caption {font-size: var(--font-size-20); font-weight: 600; color: var(--dark-color); text-align: center;}
.page-research .func-row {display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-40); align-items: stretch;}
.page-research .func-row .card {display: flex; flex: 1; min-width: 280px; gap: var(--space-30); padding: var(--space-40); border: 1px solid #ddd; border-radius: var(--radius-16); background: #ebf0f7;}
.page-research .icon-card .icon {flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 50px; background: #fff;}
.page-research .icon-card .tit {font-size: var(--font-size-22);}
.page-research .icon-card .txt {font-size: var(--font-size-18); color: #505050; line-height: 1.45;}
.page-research .process-block {display: flex; flex-direction: column; gap: var(--space-40); max-width: 1400px; margin: 0 auto;}
.page-research .process-row {display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px var(--space-80); justify-content: flex-start;}
.page-research .process-row.icon-process {grid-template-columns: repeat(6, 1fr); gap: 20px;}
.page-research .step .img {position: relative; margin-bottom: var(--space-30);}
.page-research .step .icon {position: relative; width: fit-content; padding: var(--space-25); margin: 0 auto var(--space-15); border-radius: 100%; background: #fff; border: 1px solid #ddd;}
.page-research .step .img:after, .page-research .step:not(:last-child) .icon:after{content: ''; position: absolute; left: 100%; top: 50%; width:var(--space-80); height: 60px; margin-top: -30px; background: #f4f4f4 url('/images/sub/research-arrow.svg') no-repeat center center;}
.page-research .step:not(:last-child) .icon:after {width: calc(100% + 140px); left: 50%; z-index: -1;}

.page-research .step:nth-child(4) .img:after,
.page-research .step:last-child .img:after {display: none;}
.page-research .step .cont {display: flex; flex-direction: column; gap: var(--space-20);}
.page-research .step .step-head {display: flex; flex-direction: column; gap: 6px;}
.page-research .step .step-head.tight {gap: 8px;}
.page-research .step .step-num {font-size: var(--font-size-14); font-weight: 700; color: var(--primary-color);}
.page-research .sec-process.type2 .step .step-num {color: var(--secondary-color);}
.page-research .step .tit {font-size: var(--font-size-24); font-weight: 700; color: var(--dark-color);}
.page-research .step .sub {font-size: var(--font-size-18); font-weight: 600; color: #505050; line-height: 1.4;}
.page-research .step .sub.fz16 {font-size: var(--font-size-16);}
.page-research .step .list {display: flex; flex-direction: column; gap: var(--space-10); font-size: var(--font-size-16);}
.chk-boxes {display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-40);}
.chk-box {display: flex; flex-direction: column; gap:var(--space-20); padding: clamp(20px, calc(25 / var(--inner) * 100vw), 25px); border: 1px solid #ddd; border-radius: 8px; background: #F3F9F3; line-height: 1.3333em;}
.chk-box:before {content:''; display: block; width: 20px; height: 20px; margin:0 auto; background: url('/images/sub/icon-chk.svg') no-repeat center center / contain;}

.technology-list {display: flex; flex-direction: column; gap: var(--space-40); margin-bottom: var(--space-80);}
.technology-list .tech-item {display: flex; align-items: center; gap: 25px clamp(30px, calc(80 / var(--inner) * 100vw), 80px);}
.technology-list .img-box .slick-list {position: relative; flex-shrink: 0; width: 300px;}
.technology-list .img-box .img {position: relative; width: 100%; padding-bottom: 147.3335%; overflow: hidden;}
.technology-list .img-box img {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover;}
.technology-list .cont {flex: 1; min-width: 280px; display: flex; flex-direction: column; gap: var(--space-40);}
.technology-list .item-tit {display: flex; flex-direction: column; gap: var(--space-20);}
.technology-list .item-tit .tit {font-size: var(--font-size-26); font-weight: 600; color: var(--dark-color);}
.technology-list .item-tit .sub {font-size: var(--font-size-20); color: var(--dark-color);}
.technology-list .item-tit .sub.eng {font-size: var(--font-size-20);}
.technology-list .item-tit .sub .gray {color: #505050;}

.page-equipment {display: flex; flex-direction: column; gap:var(--space-100);}
.page-equipment .sec-equipment .contain {display: flex; flex-direction: column; gap: var(--space-40);}
.page-equipment .equip-head {display: flex; align-items: center; gap: 18px;}
.page-equipment .equip-head .bar {width: 4px; height: 1em; border-radius: 8px; background: var(--primary-color); flex-shrink: 0;}
.page-equipment .equip-head .tit {font-size: clamp(26px, calc(34 / var(--inner) * 100vw), 34px); font-weight: 700; color: var(--dark-color);}
.page-equipment .equip-visual {display: flex; flex-wrap: wrap; gap: var(--space-10);}
.page-equipment .equip-visual .img {position: relative; border-radius: var(--radius-16); overflow: hidden}
.page-equipment .equip-visual .img:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--radius-16); border: 1px solid #ddd;}
.page-equipment .equip-visual .img.main {display: flex; align-items: center; justify-items: center; flex: 1;}
.page-equipment .equip-visual .img-side {display: flex; flex-direction: column; gap: var(--space-10); width: 35.8%; max-width: 501px;}
.page-equipment .equip-cards {display: flex; flex-wrap: wrap; gap: var(--space-40);}
.page-equipment .equip-cards .card {flex: 1; min-width: 260px; padding: var(--space-30); border: 1px solid #ddd; border-radius: var(--radius-16); background: #fcfcfc;}
.page-equipment .equip-cards .cont {display: flex; flex-direction: column; align-items: flex-end; height: 100%;}
.page-equipment .equip-cards .tit {margin-bottom: var(--space-30); font-size: var(--font-size-24); font-weight: 700; color: var(--dark-color); width: 100%;}
.page-equipment .equip-cards .list {flex: 1; display: flex; flex-direction: column; gap: 8px; width: 100%; font-size: var(--font-size-18); color: var(--dark-color); line-height: 1.45;}
.page-equipment .equip-cards .icon {flex-shrink: 0; width: 48px; height: 48px; margin-top: var(--space-35); display: flex; align-items: center; justify-content: center;}

.equipment-banner {background: url('/images/sub/bg-equipment-banner.jpg') no-repeat center center / cover;}

.page-equipment .sec-data .contain {display: flex; flex-direction: column; gap: var(--space-40);}
.page-equipment .sec-data .data-tit {font-size: clamp(26px, calc(34 / var(--inner) * 100vw), 34px); font-weight: 700; color: var(--dark-color);}
.page-equipment .sec-data .data-charts {display: flex; gap: var(--space-10);}
.page-equipment .sec-data .chart-box {display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 auto; padding: var(--space-40) var(--space-20); border: 1px solid #ddd; border-radius: var(--radius-16); background: #fff;}
.page-equipment .sec-data .chart-head {display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-30);}
.page-equipment .sec-data .chart-head .tit {font-size: var(--font-size-18); font-weight: 700; color: var(--dark-color);}
.page-equipment .sec-data .chart-head .unit {font-size: 12px; color: #505050;}
.page-equipment .sec-data .bar-wrap {display: flex; align-items: flex-end; gap: 56px; padding-top: 20px;}
.page-equipment .sec-data .bar-item {display: flex; flex-direction: column; align-items: center; gap: 8px; width: 40px; flex-shrink: 0;}
.page-equipment .sec-data .bar-item .bar {display: flex; align-items: flex-start; justify-content: center; width: 40px; min-height: 4px; border-radius: 4px; padding-top: 4px;}
.page-equipment .sec-data .bar-item.target .bar {background: var(--secondary-color);}
.page-equipment .sec-data .bar-item.primary .bar {background: var(--primary-color);}
.page-equipment .sec-data .bar-item.gray .bar {background: #bdbdbd;}
.page-equipment .sec-data .bar-item.dark .bar {background: #505050;}
.page-equipment .sec-data .bar-item .val {font-size: var(--font-size-14); font-weight: 600; color: #fff;}
.page-equipment .sec-data .bar-item .label {font-size: 12px; font-weight: 600; color: #fff; padding: 2px 5px; border-radius: 4px; background: var(--secondary-color);}
.page-equipment .sec-data .bar-item .temp {font-size: 12px; color: #fff;}
.page-equipment .sec-data .bar-item .sub {font-size: var(--font-size-14); color: #878787;}
.page-equipment .sec-data .chart-figure {margin: 0; border-radius: var(--radius-16); overflow: hidden;}

.partner-list ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-60) var(--space-40);}
.partner-item {display: flex; align-items: center; justify-content: center; height: 100%; border-radius: var(--radius-16); overflow: hidden; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);}