@charset "UTF-8";

#page-title-bar {width:100%;padding-top:80px;background-color:var(--mono1);}
#page-title-bar .inner {position:relative;display:none;justify-content:center;width:100%;height:250px;}
#page-title-bar .inner::before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:no-repeat center center / cover;opacity:0.6;}
#page-title-bar .inner .page-title {position:relative;color:#fff;font-size:3.75rem;font-weight:700;text-align:center;line-height:1;opacity:0;z-index:1;}

#page-title-bar.sub-10 .inner::before {background-image:url(/design/default/img/sub/img-page-title-bar-1.jpg);}
#page-title-bar.sub-11 .inner::before {background-image:url(/design/default/img/sub/img-page-title-bar-2.jpg);}
#page-title-bar.sub-12 .inner::before {background-image:url(/design/default/img/sub/img-page-title-bar-3.jpg);}
#page-title-bar.sub-13 .inner::before {background-image:url(/design/default/img/sub/img-page-title-bar-4.jpg);}
#page-title-bar.sub-14 .inner::before {background-image:url(/design/default/img/sub/img-page-title-bar-5.jpg);}

#container.sub-page {min-height:200px;}

/* 구버전 LNB
.depth-tab-wrap {width:100%;height:68px;border-bottom:1px solid var(--mono7);box-sizing:border-box;}
.depth-tab-wrap .ulDepth2 {display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:3.75rem;width:100%;}
.depth-tab-wrap .ulDepth2 .menuDepth2 a {position:relative;display:block;color:var(--mono5);font-size:1.25rem;font-weight:700;text-align:center;line-height:68px;transition:0.2s;}
.depth-tab-wrap .ulDepth2 .menuDepth2 a::after {content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:5px;background-color:var(--color1);opacity:0;transition:0.2s;}
.depth-tab-wrap .ulDepth2 .menuDepth2:not(.on) a:hover {color:var(--mono4);}
.depth-tab-wrap .ulDepth2 .menuDepth2.on a {color:var(--mono1);}
.depth-tab-wrap .ulDepth2 .menuDepth2.on a::after {opacity:1;} */

.depth-tab-wrap {display:none;width:100%;height:68px;border-top:1px solid var(--mono7);border-bottom:1px solid var(--mono7);}
.depth-tab-wrap .inner {justify-content:flex-start;align-items:center;width:1400px;height:100%;margin:0 auto;}
.depth-tab-wrap .inner .lower {position:relative;width:250px;height:100%;border-left:1px solid var(--mono7);box-sizing:border-box;}
.depth-tab-wrap .inner .depth-2-wrap {border-right:1px solid var(--mono7);}
.depth-tab-wrap .inner .lower > a {position:relative;display:block;width:100%;color:var(--mono1);font-size:1.125rem;font-weight:600;line-height:68px;padding:0 1rem;box-sizing:border-box;transition:0.2s;}
.depth-tab-wrap .inner .lower > a:hover,
.depth-tab-wrap .inner .lower > a.on {color:var(--color1);}
.depth-tab-wrap .inner .lower > a::after {content:"";position:absolute;top:50%;right:1rem;display:block;width:12px;aspect-ratio:1 / 1;background:url(/design/default/img/main/icon-dropdown-mono3.svg) no-repeat center center / contain;transform:translateY(-50%) rotate(90deg);transition:0.2s;}
.depth-tab-wrap .inner .lower > a:hover::after,
.depth-tab-wrap .inner .lower > a.on::after {background-image:url(/design/default/img/main/icon-dropdown-color1.svg);}
.depth-tab-wrap .inner .lower > a.on::after {transform:translateY(-50%) rotate(-90deg);}
.depth-tab-wrap .inner .lower .ulDepth {position:absolute;top:69px;left:-1px;display:none;width:100%;border:1px solid var(--mono7);border-top:0;background-color:#fff;z-index:5;}
.depth-tab-wrap .inner .lower .ulDepth li {width:100%;}
.depth-tab-wrap .inner .lower .ulDepth li a {display:block;color:var(--mono1);font-size:1rem;line-height:56px;padding:0 1rem;box-sizing:border-box;transition:0.2s;}
.depth-tab-wrap .inner .lower .ulDepth li a:hover {background-color:var(--mono9);}

.breadcrumbs-wrap {position:absolute;top:0;left:0;width:100%;padding-top:2.5rem;}
.breadcrumbs-wrap .breadcrumbs {justify-content:flex-start;align-items:center;gap:2rem;width:100%;}
.breadcrumbs-wrap .breadcrumbs li {position:relative;color:var(--mono1);font-size:1rem;font-weight:500;line-height:1;}
.breadcrumbs-wrap .breadcrumbs li:not(.home) {cursor:default;}
.breadcrumbs-wrap .breadcrumbs li:not(.home)::before {content:"";position:absolute;top:50%;left:calc(-5px - 1rem);display:block;width:10px;height:10px;background:url(/design/default/img/main/icon-dropdown-bk.svg) no-repeat center center / contain;opacity:0.25;transform:translateY(-50%);}
.breadcrumbs-wrap .breadcrumbs .home a {display:block;width:20px;aspect-ratio:1 / 1;background:url(/design/default/img/main/icon-home-color1.svg) no-repeat center center / contain;}

.contents .sub-title-wrap {width:100%;text-align:center;margin-bottom:5rem;}
.contents .sub-title-wrap .title {color:var(--mono1);font-size:3rem;font-weight:700;}
.contents .sub-title-wrap .sub-title {color:var(--mono1);font-size:2rem;font-weight:400;}
.contents .sub-title-wrap .desc {color:var(--mono1);font-size:1.25rem;font-weight:300;margin-top:2.5rem;}
.contents .sub-title-wrap .ref {color:var(--mono1);font-size:1.25rem;font-weight:300;margin-top:0.5rem;}
.contents .wrapper {width:100%;}
.contents .wrapper + .wrapper {margin-top:7.5rem;}
.contents .wrapper .subject {color:var(--mono1);font-size:2.25rem;font-weight:700;margin-bottom:2.5rem;}

.spacer {margin:0;opacity:0;}

/* *** 회사소개 *** */
/* CEO 메시지 */
.ceo-message .title-banner .sub-title-wrap {position:relative;width:1400px;margin:0 auto 3.75rem;z-index:2;}
.ceo-message .title-banner .sub-title-wrap .title {transition:0.75s 0.15s;}
.ceo-message .title-banner .bg-wrap {position:relative;width:1400px;height:550px;margin:0 auto;background-color:var(--mono1);transition:0.75s;}
.ceo-message .title-banner .bg-wrap::before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(/design/default/img/sub/img-sub1010-1.jpg) no-repeat center center / cover;opacity:0.6;}
.ceo-message .title-banner.max .bg-wrap {width:100%;}
.ceo-message .title-banner.max .sub-title-wrap .title {color:#fff;}

.ceo-message .center {max-width:1400px;margin:0 auto;}
.ceo-message .greeting-text-wrap {width:100%;margin-top:5rem;}
.ceo-message .greeting-text-wrap .text {color:var(--mono1);font-size:1.25rem;font-weight:300;margin-bottom:3.75rem;}
.ceo-message .greeting-text-wrap .text strong {display:block;color:var(--color1);font-size:1.5rem;font-weight:700;margin-bottom:0.5rem;}
.ceo-message .ceo-name-wrap {justify-content:center;align-items:flex-end;gap:1.75rem;margin-top:5rem;}
.ceo-message .ceo-name-wrap .name {font-size:1.5rem;font-weight:700;text-align:center;}
.ceo-message .ceo-name-wrap .ceo-sign {width:200px;}
.ceo-message .ceo-name-wrap .ceo-sign img {display:block;width:100%;}

/* 회사개요 */
.company-outline .only-img-banner {width:100%;aspect-ratio:4 / 1;background:url(/design/default/img/sub/img-sub1011-banner.jpg) no-repeat center center / cover;}
.company-outline .with-bg {padding:5rem 0;margin-bottom:7.5rem;background-color:var(--mono9);}
.company-outline .wrapper {max-width:1400px;margin:0 auto;}
.company-outline .wrapper + .wrapper {margin:7.5rem auto 0;}
.company-outline .outline-list {gap:2rem;width:100%;}
.company-outline .outline-list .item:not(.full) {width:calc(25% - 2rem * 3 / 4);aspect-ratio:4 / 3;}
.company-outline .outline-list .item .inner {position:relative;justify-content:flex-end;width:100%;height:100%;padding:2.5rem;border:1px solid var(--mono7);border-radius:40px;background-color:#fff;box-sizing:border-box;}
.company-outline .outline-list .item .inner .icon {position:absolute;top:2rem;right:2rem;width:60px;aspect-ratio:1 / 1;background:no-repeat center center / contain;}
.company-outline .outline-list .item:not(.logo) .inner .icon::before {content:"";position:absolute;bottom:-0.25rem;right:-0.25rem;display:block;width:1.75rem;aspect-ratio:1 / 1;border-radius:50px;background-color:var(--color1);opacity:0.5;mix-blend-mode:multiply;}
.company-outline .outline-list .item:nth-child(1) .inner .icon {background-image:url(/design/default/img/sub/icon-sub1011-1.svg);}
.company-outline .outline-list .item:nth-child(2) .inner .icon {background-image:url(/design/default/img/sub/icon-sub1011-2.svg);}
.company-outline .outline-list .item:nth-child(3) .inner .icon {background-image:url(/design/default/img/sub/icon-sub1011-3.svg);}
.company-outline .outline-list .item:nth-child(5) .inner .icon {background-image:url(/design/default/img/sub/icon-sub1011-4.svg);}
.company-outline .outline-list .item:nth-child(6) .inner .icon {background-image:url(/design/default/img/sub/icon-sub1011-5.svg);}
.company-outline .outline-list .item:nth-child(7) .inner .icon {background-image:url(/design/default/img/sub/icon-sub1011-6.svg);}
.company-outline .outline-list .item .inner .label {display:block;color:var(--color1);font-size:1rem;font-weight:700;}
.company-outline .outline-list .item .inner .desc {display:block;width:100%;color:var(--mono1);font-size:1.5rem;font-weight:700;}

.company-outline .outline-list .item.logo .inner .icon {top:3.5rem;left:50%;right:auto;transform:translateX(-50%);width:140px;aspect-ratio:17 / 4;background-image:url(/design/default/img/main/logo.png);}

.company-outline .outline-list .item.full {width:calc((25% - 2rem * 3 / 4) * 2 + 2rem);}
.company-outline .outline-list .item.full .desc-list {width:100%;margin-top:1rem;}
.company-outline .outline-list .item.full .desc-list li {justify-content:flex-start;gap:1.25rem;width:100%;}
.company-outline .outline-list .item.full .desc-list li + li {margin-top:0.5rem;}
.company-outline .outline-list .item.full .desc-list li strong {display:block;width:76px;color:var(--mono1);font-size:1.125rem;font-weight:700;}
.company-outline .outline-list .item.full .desc-list li span {display:block;color:var(--mono1);font-size:1.125rem;font-weight:300;}

.company-outline .partners-list {gap:1.25rem;width:100%;}
.company-outline .partners-list .item {width:calc(20% - 1.25rem * 4 / 5);aspect-ratio:20 / 9;padding:1rem;border:1px solid var(--mono7);border-radius:20px;box-sizing:border-box;overflow:hidden;}
.company-outline .partners-list .item img {display:block;width:100%;height:100%;object-fit:contain;object-position:center;}

/* 기업비전 */
/* .company-vision .vision-wrap {padding:7.5rem 0;} */
.company-vision .vision-wrap {position:relative;justify-content:center;width:100%;aspect-ratio:3 / 1;}
.company-vision .vision-wrap .text-wrap {position:relative;text-align:center;z-index:1;}
.company-vision .vision-wrap .subject {color:var(--color1);font-size:1.75rem;font-weight:700;font-family:"Sofia Pro",sans-serif;text-align:center;margin-bottom:1.25rem;}
.company-vision .vision-wrap .desc-wrap {width:100%;}
.company-vision .vision-wrap .desc-wrap .main {color:var(--mono9);font-size:4rem;font-weight:700;text-align:center;}
.company-vision .vision-wrap .desc-wrap .sub {color:var(--mono6);font-size:2.5rem;font-weight:700;text-align:center;margin-top:0.75rem;}
.company-vision .vision-wrap .bg-wrap {position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--mono1);transform:translate(-50%,-50%);}
.company-vision .vision-wrap .bg-wrap::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/design/default/img/sub/img-sub1012-1.jpg) no-repeat center center / cover;opacity:0.5;}
/* .company-vision .vision-wrap .desc-wrap .desc {display:block;color:#b9bbc133;font-size:4.5rem;font-weight:700;text-align:center;line-height:1.6;background:linear-gradient(to right,#010102,#010102) no-repeat;background-size:100%;background-clip:text;-webkit-background-clip:text;} */

/* .company-vision .mission-wrap {position:relative;justify-content:center;width:100%;aspect-ratio:3 / 1;}
.company-vision .mission-wrap .text-wrap {position:relative;text-align:center;z-index:1;}
.company-vision .mission-wrap .text-wrap .subject {color:var(--color1);font-size:1.75rem;font-weight:700;font-family:"Sofia Pro",sans-serif;margin-bottom:1.25rem;}
.company-vision .mission-wrap .text-wrap .mission-text {display:block;color:var(--mono8);font-size:3.75rem;font-weight:700;font-family:"Sofia Pro",sans-serif;transition:0.2s;}
.company-vision .mission-wrap .bg-wrap {position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--mono1);transform:translate(-50%,-50%);}
.company-vision .mission-wrap .bg-wrap::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/design/default/img/sub/img-sub1012-1.jpg) no-repeat center center / cover;opacity:0.5;} */

.company-vision .mission-wrap {padding:7.5rem 0;}
.company-vision .mission-wrap .subject {color:var(--color1);font-size:1.75rem;font-weight:700;font-family:"Sofia Pro",sans-serif;text-align:center;margin-bottom:1.25rem;}
.company-vision .mission-wrap .desc-wrap {width:100%;margin-bottom:3.75rem;}
.company-vision .mission-wrap .desc-wrap .main {color:var(--mono1);font-size:3rem;font-weight:700;text-align:center;}
.company-vision .mission-wrap .mission-list {justify-content:center;gap:2.5rem;width:100%;}
.company-vision .mission-wrap .mission-list .item {width:calc((100% / 3) - 2.5rem * 2 / 3);}
.company-vision .mission-wrap .mission-list .item {position:relative;width:calc((100% / 3) - 2.5rem * 2 / 3);}
.company-vision .mission-wrap .mission-list .item .inner {justify-content:space-between;gap:3.75rem;width:100%;height:100%;padding:2.5rem;border:1px solid var(--mono7);border-radius:40px;box-sizing:border-box;}
.company-vision .mission-wrap .mission-list .item .inner .num {color:var(--color1);font-size:1.75rem;font-weight:700;font-family:"Sofia Pro",sans-serif;}
.company-vision .mission-wrap .mission-list .item .inner .text-wrap .label {display:block;color:var(--mono1);font-size:1.75rem;}

.company-vision .value-wrap {padding-top:7.5rem;}
.company-vision .value-wrap .subject {color:var(--color1);font-size:1.75rem;font-weight:700;font-family:"Sofia Pro",sans-serif;text-align:center;margin-bottom:3.75rem;}
.company-vision .value-wrap .value-list {justify-content:center;gap:2.5rem;width:100%;}
.company-vision .value-wrap .value-list .item {width:calc((100% / 3) - 2.5rem * 2 / 3);}
.company-vision .value-wrap .value-list .item .inner {justify-content:center;width:100%;aspect-ratio:1 / 1;padding:2.5rem;border:1px solid var(--mono7);border-radius:40px;box-sizing:border-box;}
.company-vision .value-wrap .value-list .item .icon {position:relative;width:160px;aspect-ratio:1 / 1;margin:0 auto 2.5rem;background:no-repeat center center / contain;}
.company-vision .value-wrap .value-list .item .icon::before {content:"";position:absolute;display:block;width:2.25rem;aspect-ratio:1 / 1;border-radius:50px;background-color:var(--color1);opacity:0.5;z-index:-1;}
.company-vision .value-wrap .value-list .item:nth-child(1) .icon {background-image:url(/design/default/img/sub/icon-sub1012-1.svg);}
.company-vision .value-wrap .value-list .item:nth-child(2) .icon {background-image:url(/design/default/img/sub/icon-sub1012-2.svg);}
.company-vision .value-wrap .value-list .item:nth-child(3) .icon {background-image:url(/design/default/img/sub/icon-sub1012-3.svg);}
.company-vision .value-wrap .value-list .item:nth-child(1) .icon::before {top:50%;left:50%;transform:translate(-50%,-50%);}
.company-vision .value-wrap .value-list .item:nth-child(2) .icon::before {bottom:0.5rem;left:0.5rem;}
.company-vision .value-wrap .value-list .item:nth-child(3) .icon::before {bottom:0;left:50%;transform:translateX(-50%);}
.company-vision .value-wrap .value-list .item .main {display:block;color:var(--color1);font-size:1.125rem;font-weight:700;font-family:"Sofia Pro",sans-serif;text-align:center;margin-bottom:0.5rem;}
.company-vision .value-wrap .value-list .item .sub {display:block;color:var(--mono1);font-size:1.75rem;font-weight:700;text-align:center;}

/* 연혁 */
.history .range-tab-wrap {width:100%;height:64px;border-bottom:1px solid transparent;background-color:#fff;z-index:10;transition:0.2s;}
.history .range-tab-wrap.fixed {top:0 !important;}
.history .range-tab-wrap.lined {border-bottom:1px solid var(--mono7);}
.history .range-tab-wrap .range-tab-list {display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:2.5rem;width:100%;}
.history .range-tab-wrap .range-tab-list .range a {position:relative;display:block;color:var(--mono5);font-size:1.25rem;font-weight:700;text-align:center;line-height:64px;transition:0.2s;}
.history .range-tab-wrap .range-tab-list .range a::after {content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:5px;background-color:var(--color1);opacity:0;transition:0.2s;}
.history .range-tab-wrap .range-tab-list .range:not(.on) a:hover {color:var(--mono4);}
.history .range-tab-wrap .range-tab-list .range.on a {color:var(--mono1);}
.history .range-tab-wrap .range-tab-list .range.on a::after {opacity:1;}
.history .year-wrapper #year-no1 {position:relative;top:-8.75rem;}
.history .year-wrapper #year-no2 {position:relative;top:-1.25rem;}
.history .year-wrapper #year-no3 {position:relative;top:-1.25rem;}
.history .year-wrapper .year-wrap {width:100%;padding-top:5rem;}
.history .year-wrapper .year-wrap:not(.year-no1) {padding-top:12.5rem;}
.history .year-wrapper .year-wrap .inner {justify-content:space-between;gap:5rem;width:100%;}
.history .year-wrapper .year-wrap .inner .year-cover-wrap {width:calc(50% - 5rem);height:600px;}
.history .year-wrapper .year-wrap .inner .year-cover-wrap .sub {display:block;color:var(--color1);font-size:1.5rem;font-weight:700;margin-bottom:0.5rem;}
.history .year-wrapper .year-wrap .inner .year-cover-wrap .main {color:var(--mono1);font-size:3rem;font-weight:700;line-height:1;margin-bottom:1.25rem;}
.history .year-wrapper .year-wrap .inner .year-cover-wrap .desc {display:block;color:var(--mono2);font-size:1.25rem;font-weight:300;margin-bottom:2rem;}
.history .year-wrapper .year-wrap .inner .year-cover-wrap .img-wrap {width:100%;max-width:480px;aspect-ratio:3 / 2;background-color:var(--mono1);}
.history .year-wrapper .year-wrap .inner .year-cover-wrap .img-wrap img {display:block;width:100%;}
.history .year-wrapper .year-wrap .inner .event-list {width:50%;}
.history .year-wrapper .year-wrap .inner .event-list > li {width:100%;}
.history .year-wrapper .year-wrap .inner .event-list > li + li {margin-top:5rem;}
.history .year-wrapper .year-wrap .inner .event-list > li .year {display:block;color:var(--color1);font-size:2rem;font-weight:700;}
.history .year-wrapper .year-wrap .inner .event-list > li .desc-wrap {margin-top:1.25rem;}
.history .year-wrapper .year-wrap .inner .event-list > li .desc-wrap li {position:relative;color:var(--mono1);font-size:1.25rem;font-weight:300;padding-left:1.125rem;box-sizing:border-box;}
.history .year-wrapper .year-wrap .inner .event-list > li .desc-wrap li + li {margin-top:0.75rem;}
.history .year-wrapper .year-wrap .inner .event-list > li .desc-wrap li::before {content:"";position:absolute;top:12px;left:5px;display:block;width:5px;height:5px;background-color:var(--mono2);}

/* 사업장 소개 */
.workplace .wrapper .inner {justify-content:space-between;align-items:center;gap:7.5rem;width:100%;}
.workplace .wrapper .inner .map-wrap {width:calc(50% - 7.5rem / 2);aspect-ratio:3 / 2;border:1px solid var(--mono7);border-radius:4px;box-sizing:border-box;overflow:hidden;}
.workplace .wrapper .inner .map-wrap .root_daum_roughmap {width:100%;height:100%;}
.workplace .wrapper .inner .map-wrap .root_daum_roughmap .wrap_map {width:100%;height:100%;}
.workplace .wrapper .inner .map-wrap .root_daum_roughmap .wrap_map .map_border {display:none;}
.workplace .wrapper .inner .map-wrap .root_daum_roughmap .wrap_controllers {display:none;}
.workplace .wrapper .inner .map-wrap .root_daum_roughmap > .cont {display:none;}
.workplace .wrapper .inner .info-wrap {width:calc(50% - 7.5rem / 2);}
.workplace .wrapper .inner .info-wrap li + li {margin-top:2.5rem;}
.workplace .wrapper .inner .info-wrap li .label {display:block;color:var(--color1);font-size:1.75rem;font-weight:700;font-family:"Sofia Pro",sans-serif;}
.workplace .wrapper .inner .info-wrap li .desc {justify-content:flex-start;align-items:center;gap:0.75rem;color:var(--mono1);font-size:1.25rem;margin-top:0.75rem;}
.workplace .wrapper .inner .info-wrap li .desc strong {font-weight:700;font-family:"Sofia Pro",sans-serif;}
.workplace .wrapper .inner .info-wrap li .desc span {font-weight:300;}

/* *** 제품소개 *** */
.products .center {max-width:1400px;margin:0 auto;}
.products .product-tab-wrap {width:100%;height:64px;margin-bottom:3.75rem;border-bottom:1px solid transparent;background-color:#fff;}
.products .product-tab-wrap .product-tab-list {justify-content:center;align-items:center;gap:2.5rem;width:100%;}
.products .product-tab-wrap .product-tab-list li a {position:relative;display:block;color:var(--mono5);font-size:1.25rem;font-weight:700;text-align:center;line-height:64px;transition:0.2s;}
.products .product-tab-wrap .product-tab-list li a::after {content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:5px;background-color:var(--color1);opacity:0;transition:0.2s;}
.products .product-tab-wrap .product-tab-list li:not(.on) a:hover {color:var(--mono4);}
.products .product-tab-wrap .product-tab-list li.on a {color:var(--mono1);}
.products .product-tab-wrap .product-tab-list li.on a::after {opacity:1;}
.products .prod-content {display:none;}
.products .prod-content + .prod-content {margin-top:0;}
.products #prod01 {display:block;}

/* E/S + 전장 사업부 */
.products .prod-overview {justify-content:center;align-items:center;gap:7.5rem;width:100%;margin-bottom:5rem;}
.products .prod-overview .prod-img {width:calc(50% - 7.5rem / 2);}
.products .prod-overview .prod-img .img {width:100%;border-radius:40px;overflow:hidden;}
.products .prod-overview .prod-img .img img {display:block;width:100%;}
.products .prod-overview .prod-img .img-list-wrap {width:100%;margin-top:1.25rem;}
.products .prod-overview .prod-img .img-list-wrap .img-list {justify-content:center;align-items:center;gap:0.75rem;width:100%;}
.products .prod-overview .prod-img .img-list-wrap .img-list li {width:calc(20% - 0.75rem * 4 / 5);aspect-ratio:1 / 1;border:1px solid var(--mono7);border-radius:20px;box-sizing:border-box;overflow:hidden;transition:0.2s;}
.products .prod-overview .prod-img .img-list-wrap .img-list li:hover {box-shadow:2px 2px 12px rgba(17 17 19 / 7%);}
.products .prod-overview .prod-img .img-list-wrap .img-list li a {width:100%;height:100%;}
.products .prod-overview .prod-img .img-list-wrap .img-list li a img {display:block;width:100%;height:100%;object-fit:contain;object-position:center;}
.products .prod-overview .prod-info-wrap {width:calc(50% - 7.5rem / 2);padding:2.5rem;border:1px solid var(--mono7);border-radius:40px;box-sizing:border-box;}
.products .prod-overview .prod-info-wrap .tag {display:block;color:var(--color1);font-size:1.25rem;font-weight:700;font-family:"Sofia Pro",sans-serif;margin-bottom:0.5rem;}
.products .prod-overview .prod-info-wrap .prod-name {color:var(--mono1);font-size:2.5rem;font-weight:700;margin-bottom:1.75rem;}
.products .prod-overview .prod-info-wrap .info-list {width:100%;padding-top:2.5rem;border-top:1px solid var(--mono7);}
.products .prod-overview .prod-info-wrap .info-list li {position:relative;color:var(--mono1);font-size:1.25rem;font-weight:300;padding-left:1.25rem;}
.products .prod-overview .prod-info-wrap .info-list li::before {content:"";position:absolute;top:12px;left:6px;display:block;width:5px;height:5px;background-color:var(--mono2);}
.products .prod-overview .prod-info-wrap .info-list li + li {margin-top:0.75rem;}
.products .prod-media-wrap {margin-bottom:7.5rem;}
.products .prod-media-wrap .media-box {width:100%;width:100%;border-radius:40px;overflow:hidden;}
.products .prod-media-wrap .media-box video {display:block;width:100%;}
.products .prod-list-wrap .subject {margin-bottom:1.25rem;}
.products .prod-list-wrap .subject-desc {color:var(--mono1);font-size:1.25rem;font-weight:300;}
.products .prod-list-wrap .prod-list {justify-content:flex-start;align-items:flex-start;gap:2.5rem;width:100%;margin-top:2.5rem;}
.products .prod-list-wrap .prod-list .item {width:calc(25% - 2.5rem * 3 / 4);}
.products .prod-list-wrap .prod-list .item .img {position:relative;width:100%;margin-bottom:1.25rem;border:1px solid var(--mono7);border-radius:20px;box-sizing:border-box;overflow:hidden;}
.products .prod-list-wrap .prod-list .item .img img {display:block;width:100%;}
.products .prod-list-wrap .prod-list .item .img img.hover {position:absolute;top:0;left:0;opacity:0;transition:0.2s;}
.products .prod-list-wrap .prod-list .item .img:hover img.hover {opacity:1;}
.products .prod-list-wrap .prod-list .item .text {display:block;color:var(--mono2);font-size:1.25rem;font-weight:700;text-align:center;}

/* 연구개발 */
.research .center {max-width:1400px;margin:0 auto;}
.research .media-wrap {width:100%;aspect-ratio:2 / 1;margin-bottom:5rem;border-radius:40px;overflow:hidden;}
.research .media-wrap video {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.research .outline-list {justify-content:center;gap:2.5rem;width:100%;}
.research .outline-list .item {position:relative;width:calc((100% / 3) - 2.5rem * 2 / 3);aspect-ratio:3 / 2;}
.research .outline-list .item a {width:100%;height:100%;border:1px solid var(--mono7);border-radius:40px;overflow:hidden;box-sizing:border-box;transition:0.2s;}
.research .outline-list .item a:hover {transform:translateY(-8px);box-shadow:0 4px 12px rgba(17 17 19 / 5%);}
.research .outline-list .item .inner {justify-content:space-between;width:100%;height:100%;padding:2.5rem;box-sizing:border-box;}
.research .outline-list .item .inner .num {color:var(--color1);font-size:1.75rem;font-weight:700;font-family:"Sofia Pro",sans-serif;}
.research .outline-list .item .inner .text-wrap .label {display:block;color:var(--mono1);font-size:1.75rem;margin-bottom:0.75rem;}
.research .outline-list .item .inner .text-wrap .desc {display:block;color:var(--mono1);font-size:1.25rem;font-weight:300;}

#modal-popup {position:fixed;top:0;left:0;display:none;width:100%;height:100vh;background-color:#01010280;backdrop-filter:blur(4px);z-index:10005;overflow-y:auto;}
#modal-popup .scroll {padding:3.75rem;box-sizing:border-box;}
#modal-popup .modal-wrapper {display:none;width:100%;max-width:1200px;margin:0 auto;border-radius:20px;background-color:#fff;box-sizing:border-box;}
#modal-popup .modal-wrapper .title-wrap {justify-content:space-between;align-items:center;width:100%;padding:1.25rem;border-bottom:1px solid var(--mono7);box-sizing:border-box;}
#modal-popup .modal-wrapper .title-wrap .title {display:block;width:calc(100% - 50px);color:var(--mono1);font-size:1.5rem;font-weight:700;padding-left:0.5rem;box-sizing:border-box;}
#modal-popup .modal-wrapper .title-wrap .close {display:block;width:48px;aspect-ratio:1 / 1;background:url(/design/default/img/main/icon-close-thin-bk.svg) no-repeat center center / 20px;transition:0.2s;}
#modal-popup .modal-wrapper .title-wrap .close:hover {background-image:url(/design/default/img/main/icon-close-thin-color1.svg);}
#modal-popup .modal-wrapper .content-wrap {padding:1.25rem;box-sizing:border-box;}
#modal-popup .modal-wrapper .content-wrap .feature {justify-content:flex-start;gap:1rem;margin-bottom:1.25rem;}
#modal-popup .modal-wrapper .content-wrap .feature li {width:calc(25% - 1rem * 3 / 4);padding:1rem;border:1px solid var(--mono7);border-radius:20px;box-sizing:border-box;}
#modal-popup .modal-wrapper .content-wrap .feature li .num {display:block;color:var(--color1);font-size:1rem;font-weight:700;font-family:"Sofia Pro",sans-serif;}
#modal-popup .modal-wrapper .content-wrap .feature li .text {display:block;color:var(--mono1);font-size:1.25rem;font-weight:700;}
#modal-popup .modal-wrapper .content-wrap .feature li .desc {display:block;color:var(--mono2);font-size:1rem;font-weight:400;}
#modal-popup .modal-wrapper .content-wrap .feature li .img {width:100%;margin-top:1.25rem;}
#modal-popup .modal-wrapper .content-wrap .feature li .img img {display:block;width:100%;}
#modal-popup .modal-wrapper .content-wrap .caption {color:var(--color1);font-size:1rem;font-weight:700;margin-bottom:1.25rem;}
#modal-popup .modal-wrapper .content-wrap .table {width:100%;overflow-x:auto;}
#modal-popup .modal-wrapper .content-wrap .table table {min-width:1150px;border-top:1px solid var(--mono7);}
#modal-popup .modal-wrapper .content-wrap .table thead th {color:#fff;padding:0.5rem;background-color:#1d2a5e;}
#modal-popup .modal-wrapper .content-wrap .table thead th + th {border-left:1px solid #fff;}
#modal-popup .modal-wrapper .content-wrap .table tbody tr {border-bottom:1px solid var(--mono7);}
#modal-popup .modal-wrapper .content-wrap .table tbody tr.spacer {height:1rem;}
#modal-popup .modal-wrapper .content-wrap .table tbody tr.bg {background-color:var(--mono9);}
#modal-popup .modal-wrapper .content-wrap .table tbody th.colored {color:#fff;background-color:#1d2a5e;}
#modal-popup .modal-wrapper .content-wrap .table thead th strong,
#modal-popup .modal-wrapper .content-wrap .table tbody th strong {font-weight:700;}
#modal-popup .modal-wrapper .content-wrap .table tbody th,
#modal-popup .modal-wrapper .content-wrap .table tbody td {text-align:center;padding:0.5rem;}
#modal-popup .modal-wrapper .content-wrap .table tbody th,
#modal-popup .modal-wrapper .content-wrap .table tbody td:not(:last-child) {border-right:1px solid var(--mono7);}
#modal-popup .modal-wrapper .content-wrap .table + .desc {margin-top:1.25rem;}
#modal-popup .modal-wrapper .content-wrap .how-to {justify-content:flex-start;gap:1rem;margin-bottom:1rem;}
#modal-popup .modal-wrapper .content-wrap .how-to li {width:calc((100% / 3) - 1rem * 2 / 3);padding:1rem;border:1px solid var(--mono7);border-radius:20px;box-sizing:border-box;}
#modal-popup .modal-wrapper .content-wrap .how-to li .label {display:block;color:var(--mono1);font-size:1.25rem;font-weight:700;}
#modal-popup .modal-wrapper .content-wrap .how-to li .img {width:100%;margin-top:1.25rem;}
#modal-popup .modal-wrapper .content-wrap .how-to li .img img {display:block;width:100%;}
#modal-popup .modal-wrapper .content-wrap .only-img {width:100%;padding:0.5rem;margin:0 auto 1.25rem;border:1px solid var(--mono7);border-radius:20px;box-sizing:border-box;overflow:hidden;}
#modal-popup .modal-wrapper .content-wrap .only-img img {display:block;width:100%;}
#modal-popup .modal-wrapper .content-wrap .imgs {justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:1rem;}
#modal-popup .modal-wrapper .content-wrap .imgs li {width:calc(50% - 1rem / 2);border:1px solid var(--mono7);border-radius:20px;box-sizing:border-box;overflow:hidden;}
#modal-popup .modal-wrapper .content-wrap .imgs li .img {width:100%;}
#modal-popup .modal-wrapper .content-wrap .imgs li .img img {display:block;width:100%;}

/* 기술인증 */
.patient .center {max-width:1400px;margin:0 auto;}
.patient .wrapper {justify-content:space-between;}
.patient .wrapper.flex-area .subject {width:225px;}
.patient .wrapper.flex-area .cont-box {width:calc(100% - 225px - 5rem);}

.patient .count-list {justify-content:center;align-items:center;gap:2.5rem;width:100%;margin-bottom:7.5rem;}
.patient .count-list li {width:375px;max-width:calc(50% - 2.5rem / 2);}
.patient .count-list li .inner {justify-content:space-between;gap:2.5rem;width:100%;height:100%;padding:2.5rem;border:1px solid var(--mono7);border-radius:40px;box-sizing:border-box;}
.patient .count-list li .inner .ttl {display:block;color:var(--color1);font-size:1.5rem;}
.patient .count-list li .inner .text-wrap .count {justify-content:flex-end;align-items:center;gap:0.75rem;margin-bottom:0.5rem;}
.patient .count-list li .inner .text-wrap .count .unit {display:block;color:var(--mono1);font-size:3.75rem;font-weight:800;line-height:1;}
.patient .count-list li .inner .text-wrap .count .num {display:block;color:var(--mono1);font-size:5rem;font-weight:700;line-height:1;}
.patient .count-list li .inner .text-wrap .desc {display:block;color:var(--mono4);font-size:1rem;font-weight:500;text-align:right;}

.patient .certificate-swiper {padding:5rem 0;margin-bottom:7.5rem;background-color:var(--mono8);overflow:hidden;}
.patient .certificate-swiper .swiper-wrapper {transition-timing-function:linear;}
.patient .certificate-swiper .swiper-wrapper .swiper-slide {aspect-ratio:5 / 7;border-radius:20px;box-sizing:border-box;overflow:hidden;} 
.patient .certificate-swiper .swiper-wrapper .swiper-slide img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}

.patient .certification-list {justify-content:center;gap:5rem;width:100%;}
.patient .certification-list .item {justify-content:space-between;align-items:flex-start;gap:2.5rem;width:calc(50% - 5rem / 2);}
.patient .certification-list .item .icon {width:80px;aspect-ratio:1 / 1;border:1px solid var(--mono7);border-radius:20px;box-sizing:border-box;}
.patient .certification-list .item .text-wrap {width:calc(100% - 80px - 2.5rem);}
.patient .certification-list .item .text-wrap .ttl {display:block;color:var(--mono1);font-size:1.75rem;padding-top:1rem;}
.patient .certification-list .item .text-wrap .desc {display:block;color:var(--mono1);font-size:1.25rem;font-weight:300;margin-top:0.75rem;}

/* *** ESG *** */
.sub-esg {padding-top:3.75rem;}
.sub-esg .esg-tab-wrap {width:100%;height:64px;margin-bottom:3.75rem;border-bottom:1px solid transparent;background-color:#fff;}
.sub-esg .esg-tab-wrap .esg-tab-list {justify-content:center;align-items:center;gap:2.5rem;width:100%;}
.sub-esg .esg-tab-wrap .esg-tab-list li a {position:relative;display:block;color:var(--mono5);font-size:1.25rem;font-weight:700;text-align:center;line-height:64px;transition:0.2s;}
.sub-esg .esg-tab-wrap .esg-tab-list li a::after {content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:5px;background-color:var(--color1);opacity:0;transition:0.2s;}
.sub-esg .esg-tab-wrap .esg-tab-list li:not(.on) a:hover {color:var(--mono4);}
.sub-esg .esg-tab-wrap .esg-tab-list li.on a {color:var(--mono1);}
.sub-esg .esg-tab-wrap .esg-tab-list li.on a::after {opacity:1;}

.sub-esg .wrapper {justify-content:space-between;}
.sub-esg .wrapper.flex-area .subject {width:225px;}
.sub-esg .wrapper.flex-area .cont-box {width:calc(100% - 225px - 5rem);}
.sub-esg .wrapper .cont-box .box-text {color:var(--mono1);font-size:1.5rem;font-weight:300;text-align:center;padding:3.75rem;border:1px solid var(--mono7);border-radius:40px;box-sizing:border-box;}
.sub-esg .wrapper .cont-box .plain-text {color:var(--mono1);font-size:1.25rem;font-weight:300;padding:3.75rem;border:1px solid var(--mono7);border-radius:40px;box-sizing:border-box;}

.sub-esg .catch-banner {position:relative;justify-content:center;width:100%;aspect-ratio:3 / 1;margin-bottom:7.5rem;}
.sub-esg .catch-banner .text-wrap {position:relative;text-align:center;z-index:1;}
.sub-esg .catch-banner .bg-wrap {position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--mono1);}

.sub-esg .wrapper .cont-box .simple-icon-text {justify-content:center;gap:1.25rem;width:100%;}
.sub-esg .wrapper .cont-box .simple-icon-text .item {width:calc((100% / 3) - 1.25rem * 2 / 3);height:auto;}
.sub-esg .wrapper .cont-box .simple-icon-text .item .inner {width:100%;height:100%;padding:3.75rem 2.5rem;border:1px solid var(--mono7);border-radius:40px;box-sizing:border-box;}
.sub-esg .wrapper .cont-box .simple-icon-text .item .inner .icon {position:relative;width:80px;aspect-ratio:1 / 1;margin:0 auto 2rem;background:no-repeat center center / contain;}
.sub-esg .wrapper .cont-box .simple-icon-text .item .inner .icon::before {content:"";position:absolute;display:block;width:2rem;aspect-ratio:1 / 1;border-radius:50px;background-color:var(--color1);opacity:0.5;z-index:-1;}
.sub-esg .wrapper .cont-box .simple-icon-text .item .inner .label {display:block;color:var(--color1);font-size:1.25rem;font-weight:700;font-family:"Sofia Pro",sans-serif;text-align:center;margin-bottom:0.5rem;}
.sub-esg .wrapper .cont-box .simple-icon-text .item .inner .desc {display:block;color:var(--mono1);font-size:1.5rem;font-weight:700;text-align:center;}

.sub-esg .wrapper .cont-box .img-text-list {justify-content:center;gap:1.25rem;width:100%;}
.sub-esg .wrapper .cont-box .img-text-list .item {width:calc((100% / 3) - 1.25rem * 2 / 3);height:auto;}
.sub-esg .wrapper .cont-box .img-text-list .item .inner {width:100%;height:100%;border:1px solid var(--mono7);border-radius:40px;box-sizing:border-box;overflow:hidden;}
.sub-esg .wrapper .cont-box .img-text-list .item .inner .img-wrap {width:100%;aspect-ratio:3 / 2;}
.sub-esg .wrapper .cont-box .img-text-list .item .inner .img-wrap img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.sub-esg .wrapper .cont-box .img-text-list .item .inner .text-wrap {width:100%;padding:2.5rem;box-sizing:border-box;}
.sub-esg .wrapper .cont-box .img-text-list .item .inner .text-wrap .label {display:block;color:var(--mono1);font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:1.5rem;}
.sub-esg .wrapper .cont-box .img-text-list .item .inner .text-wrap .list {width:100%;padding:1.25rem;background-color:var(--mono9);box-sizing:border-box;}
.sub-esg .wrapper .cont-box .img-text-list .item .inner .text-wrap .list li {position:relative;color:var(--mono1);font-size:1.125rem;font-weight:300;padding-left:1.25rem;box-sizing:border-box;}
.sub-esg .wrapper .cont-box .img-text-list .item .inner .text-wrap .list li::before {content:"";position:absolute;top:10.5px;left:6px;display:block;width:5px;height:5px;background-color:var(--mono2);}
.sub-esg .wrapper .cont-box .img-text-list .item .inner .text-wrap .list li + li {margin-top:0.5rem;}

.sub-esg .wrapper .cont-box .horizontal-img-text .item {justify-content:center;align-items:center;gap:7.5rem;width:100%;}
.sub-esg .wrapper .cont-box .horizontal-img-text .item + .item {margin-top:7.5rem;}
.sub-esg .wrapper .cont-box .horizontal-img-text .item .img-wrap {width:calc(50% - 7.5rem / 2);aspect-ratio:3 / 2;overflow:hidden;}
.sub-esg .wrapper .cont-box .horizontal-img-text .item .img-wrap img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap {width:calc(50% - 7.5rem / 2);}
.sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .tag {display:block;color:var(--color1);font-size:1.25rem;font-weight:700;font-family:"Sofia Pro",sans-serif;margin-bottom:0.5rem;}
.sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .tag.num {font-family:"Objective",sans-serif;}
.sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .main {color:var(--mono1);font-size:2.5rem;font-weight:700;margin-bottom:1.25rem;}
.sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .desc {display:block;color:var(--mono1);font-size:1.25rem;font-weight:300;margin-bottom:2.5rem;}
.sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .desc.fit {max-width:550px;}
.sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .list {width:100%;padding-top:2.5rem;border-top:1px solid var(--mono7);}
.sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .list li {position:relative;color:var(--mono1);font-size:1.25rem;font-weight:300;padding-left:1.25rem;}
.sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .list li::before {content:"";position:absolute;top:12px;left:6px;display:block;width:5px;height:5px;background-color:var(--mono2);}
.sub-esg .wrapper .cont-box .horizontal-img-text .item .text-wrap .list li + li {margin-top:0.75rem;}

.sub-esg .wrapper .cont-box .icon-text-list {justify-content:center;gap:2.5rem;width:100%;}
.sub-esg .wrapper .cont-box .icon-text-list .item {width:calc(50% - 2.5rem / 2);height:auto;}
.sub-esg .wrapper .cont-box .icon-text-list .item .inner {width:100%;height:100%;padding:3.75rem 2.5rem 2.5rem;border:1px solid var(--mono7);border-radius:40px;box-sizing:border-box;}
.sub-esg .wrapper .cont-box .icon-text-list .item .inner .icon {position:relative;width:80px;aspect-ratio:1 / 1;margin:0 auto 2rem;background:no-repeat center center / contain;}
.sub-esg .wrapper .cont-box .icon-text-list .item .inner .icon::before {content:"";position:absolute;display:block;width:2rem;aspect-ratio:1 / 1;border-radius:50px;background-color:var(--color1);opacity:0.5;z-index:-1;}
.sub-esg .wrapper .cont-box .icon-text-list .item .inner .label {display:block;color:var(--color1);font-size:1.25rem;font-weight:700;font-family:"Sofia Pro",sans-serif;text-align:center;margin-bottom:0.5rem;}
.sub-esg .wrapper .cont-box .icon-text-list .item .inner .desc {display:block;color:var(--mono1);font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:1.5rem;}
.sub-esg .wrapper .cont-box .icon-text-list .item .inner .list {width:100%;padding:1.25rem;background-color:var(--mono9);box-sizing:border-box;}
.sub-esg .wrapper .cont-box .icon-text-list .item .inner .list li {gap:1rem;width:100%;font-size:1.125rem;}
.sub-esg .wrapper .cont-box .icon-text-list .item .inner .list li + li {margin-top:0.75rem;}
.sub-esg .wrapper .cont-box .icon-text-list .item .inner .list li strong {display:block;width:12px;color:var(--color1);font-weight:700;font-family:"Objective",sans-serif;text-align:center;}
.sub-esg .wrapper .cont-box .icon-text-list .item .inner .list li span {display:block;width:calc(100% - 12px - 1rem);color:var(--mono1);font-weight:300;}

.sub-esg .wrapper .cont-box .organization {justify-content:flex-start;align-items:center;gap:3.75rem;width:100%;}
.sub-esg .wrapper .cont-box .organization .ceo,
.sub-esg .wrapper .cont-box .organization .evp,
.sub-esg .wrapper .cont-box .organization .headquarter {position:relative;width:100%;max-width:calc(25% - 2.5rem * 3 / 4);}
.sub-esg .wrapper .cont-box .organization .ceo::before,
.sub-esg .wrapper .cont-box .organization .evp::before,
.sub-esg .wrapper .cont-box .organization .headquarter::before {content:"";position:absolute;bottom:-3.75rem;left:50%;display:block;width:1px;height:3.75rem;background-color:var(--mono7);transform:translateX(-50%);}
.sub-esg .wrapper .cont-box .organization li .name {display:flex;flex-flow:column wrap;justify-content:center;align-items:center;width:100%;height:64px;font-size:1.25rem;box-sizing:border-box;}
.sub-esg .wrapper .cont-box .organization .ceo .name {color:#fff;background-color:var(--mono1);}
.sub-esg .wrapper .cont-box .organization .evp .name {color:var(--mono2);border:1px solid var(--mono3);background-color:var(--mono9);}
.sub-esg .wrapper .cont-box .organization .headquarter .name {color:var(--mono2);border:1px solid var(--mono5);}

/* 지속가능경영 */
/* 전력 및 방침 */
.sustainable .catch-banner .text-wrap .text {color:var(--color1);font-size:1.75rem;font-weight:700;margin-bottom:1.25rem;}
.sustainable .catch-banner .text-wrap .catch {display:block;color:#fff;font-size:3.75rem;font-weight:700;font-family:"Sofia Pro",sans-serif;}
.sustainable .catch-banner .bg-wrap::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/design/default/img/sub/img-sub121010-1.jpg) no-repeat center center / cover;opacity:0.5;}

.sustainable .wrapper .cont-box .simple-icon-text .item:nth-child(1) .inner .icon {background-image:url(/design/default/img/sub/icon-sub121010-1.svg);}
.sustainable .wrapper .cont-box .simple-icon-text .item:nth-child(2) .inner .icon {background-image:url(/design/default/img/sub/icon-sub121010-2.svg);}
.sustainable .wrapper .cont-box .simple-icon-text .item:nth-child(3) .inner .icon {background-image:url(/design/default/img/sub/icon-sub121010-3.svg);}
.sustainable .wrapper .cont-box .simple-icon-text .item:nth-child(1) .inner .icon::before {top:-0.5rem;left:-0.5rem;}
.sustainable .wrapper .cont-box .simple-icon-text .item:nth-child(2) .inner .icon::before {bottom:-0.375rem;right:-0.375rem;}
.sustainable .wrapper .cont-box .simple-icon-text .item:nth-child(3) .inner .icon::before {top:-0.5rem;left:50%;transform:translateX(-50%);}

.sustainable .wrapper .cont-box .organization .teams {position:relative;width:100%;padding-top:3.75rem;}
.sustainable .wrapper .cont-box .organization .teams::before {content:"";position:absolute;top:0;left:50%;display:block;width:calc(100% - (25% - 2.5rem * 3 / 4));height:1px;background-color:var(--mono7);transform:translateX(-50%);}
.sustainable .wrapper .cont-box .organization .teams .team-list {justify-content:center;gap:2.5rem;width:100%;}
.sustainable .wrapper .cont-box .organization .teams .team-list > li {position:relative;width:calc(25% - 2.5rem * 3 / 4);border:1px solid var(--mono7);box-sizing:border-box;}
.sustainable .wrapper .cont-box .organization .teams .team-list > li::before {content:"";position:absolute;top:-3.75rem;left:50%;display:block;width:1px;height:3.75rem;background-color:var(--mono7);transform:translateX(-50%);}
.sustainable .wrapper .cont-box .organization .teams .team-list > li .name {display:flex;flex-flow:column wrap;justify-content:center;align-items:center;width:100%;height:64px;color:var(--mono2);font-size:1.25rem;text-align:center;box-sizing:border-box;}
.sustainable .wrapper .cont-box .organization .teams .team-list > li .tasks {width:100%;height:calc(100% - 64px);padding:1.25rem;background-color:var(--mono9);box-sizing:border-box;}
.sustainable .wrapper .cont-box .organization .teams .team-list > li .tasks li {position:relative;color:var(--mono1);font-size:1.125rem;font-weight:300;padding-left:1.25rem;box-sizing:border-box;}
.sustainable .wrapper .cont-box .organization .teams .team-list > li .tasks li::before {content:"";position:absolute;top:10.5px;left:6px;display:block;width:5px;height:5px;background-color:var(--mono2);}
.sustainable .wrapper .cont-box .organization .teams .team-list > li .tasks li + li {margin-top:0.5rem;}

/* 윤리경영 */
.sustainable .ethic-list {justify-content:space-between;gap:2.5rem;width:100%;max-width:1400px;margin:0 auto;}
.sustainable .ethic-list .item {width:calc(50% - 2.5rem / 2);height:auto;}
.sustainable .ethic-list .item .inner {width:100%;height:100%;padding:2.5rem;border:1px solid var(--mono7);border-radius:40px;box-sizing:border-box;}
.sustainable .ethic-list .item .inner .icon {position:relative;width:100px;aspect-ratio:1 / 1;margin:0 auto 2rem;background:no-repeat center center / contain;}
.sustainable .ethic-list .item .inner .icon::before {content:"";position:absolute;display:block;width:2rem;aspect-ratio:1 / 1;border-radius:50px;background-color:var(--color1);opacity:0.5;z-index:-1;}
.sustainable .ethic-list .item:nth-child(1) .inner .icon {background-image:url(/design/default/img/sub/icon-sub121012-1.svg);}
.sustainable .ethic-list .item:nth-child(2) .inner .icon {background-image:url(/design/default/img/sub/icon-sub121012-2.svg);}
.sustainable .ethic-list .item:nth-child(3) .inner .icon {background-image:url(/design/default/img/sub/icon-sub121012-3.svg);}
.sustainable .ethic-list .item:nth-child(4) .inner .icon {background-image:url(/design/default/img/sub/icon-sub121012-4.svg);}
.sustainable .ethic-list .item:nth-child(1) .inner .icon::before {top:0.5rem;left:50%;transform:translateX(-50%);}
.sustainable .ethic-list .item:nth-child(2) .inner .icon::before {top:0.25rem;right:0.25rem;}
.sustainable .ethic-list .item:nth-child(3) .inner .icon::before {top:-0.5rem;right:1.25rem;}
.sustainable .ethic-list .item:nth-child(4) .inner .icon::before {bottom:-0.5rem;left:50%;transform:translateX(-50%);} 
.sustainable .ethic-list .item .inner .name {display:block;color:var(--mono1);font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:1.5rem;}
.sustainable .ethic-list .item .inner .lower-list {gap:1.25rem;width:100%;}
.sustainable .ethic-list .item .inner .lower-list > li {width:calc(50% - 1.25rem / 2);}
.sustainable .ethic-list .item .inner .lower-list > li .label {display:flex;flex-flow:column wrap;justify-content:center;align-items:center;width:100%;height:48px;color:var(--mono3);font-size:1.25rem;font-weight:700;margin-bottom:1rem;background-color:var(--mono9);}
.sustainable .ethic-list .item .inner .lower-list > li .desc {width:100%;padding:0 0.5rem;box-sizing:border-box;}
.sustainable .ethic-list .item .inner .lower-list > li .desc li {position:relative;color:var(--mono1);font-size:1.125rem;font-weight:300;padding-left:1.25rem;box-sizing:border-box;}
.sustainable .ethic-list .item .inner .lower-list > li .desc li::before {content:"";position:absolute;top:10.5px;left:6px;display:block;width:5px;height:5px;background-color:var(--mono2);}
.sustainable .ethic-list .item .inner .lower-list > li .desc li + li {margin-top:0.5rem;}

/* 환경 */
/* 환경 운영체계 */
.environment .catch-banner .text-wrap .catch {display:block;color:#fff;font-size:2.75rem;font-weight:700;}
.environment .catch-banner .text-wrap .catch strong {color:var(--color1);font-weight:700;}
.environment .catch-banner .bg-wrap::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/design/default/img/sub/img-sub121110-1.jpg) no-repeat center center / cover;opacity:0.5;}

.environment .wrapper .cont-box .icon-text-list .item:nth-child(1) .inner .icon {background-image:url(/design/default/img/sub/icon-sub121110-1.svg);}
.environment .wrapper .cont-box .icon-text-list .item:nth-child(2) .inner .icon {background-image:url(/design/default/img/sub/icon-sub121110-2.svg);}
.environment .wrapper .cont-box .icon-text-list .item:nth-child(1) .inner .icon::before {top:-0.25rem;left:-0.25rem;}
.environment .wrapper .cont-box .icon-text-list .item:nth-child(2) .inner .icon::before {top:-0.25rem;right:-0.25rem;}

/* 인증현황 */
.environment .wrapper .cont-box .certificate-wrap {justify-content:space-between;align-items:flex-start;gap:2.5rem;width:100%;}
.environment .wrapper .cont-box .certificate-wrap .certificate-table {width:calc(50% - 2.5rem / 2);padding:1.25rem;border:1px solid var(--mono7);border-radius:20px;box-sizing:border-box;}
.environment .wrapper .cont-box .certificate-wrap .certificate-table .table-line {gap:1.25rem;width:100%;padding:1.5rem 1rem;box-sizing:border-box;}
.environment .wrapper .cont-box .certificate-wrap .certificate-table .table-line + .table-line {border-top:1px solid var(--mono7);}
.environment .wrapper .cont-box .certificate-wrap .certificate-table .table-line .label {display:block;width:120px;color:var(--mono1);font-size:1.5rem;font-weight:700;}
.environment .wrapper .cont-box .certificate-wrap .certificate-table .table-line .desc {width:calc(100% - 120px - 1.25rem);}
.environment .wrapper .cont-box .certificate-wrap .certificate-table .table-line .desc span {display:block;color:var(--mono1);font-size:1.25rem;font-weight:300;}

.environment .wrapper .cont-box .certificate-wrap .certificate-img {justify-content:space-between;gap:1.25rem;width:calc(50% - 2.5rem / 2);}
.environment .wrapper .cont-box .certificate-wrap .certificate-img .item {width:calc(50% - 1.25rem / 2);border:1px solid var(--mono7);border-radius:20px;box-sizing:border-box;overflow:hidden;}
.environment .wrapper .cont-box .certificate-wrap .certificate-img .item img {display:block;width:100%;}

/* 친환경 R&D */

/* 사회 */
/* 동반성장 */
.social .catch-banner .text-wrap .text {color:var(--color1);font-size:1.75rem;font-weight:700;font-family:"Sofia Pro",sans-serif;margin-bottom:1.25rem;}
.social .catch-banner .text-wrap .catch {display:block;color:#fff;font-size:2.75rem;font-weight:700;}
.social .catch-banner .bg-wrap::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/design/default/img/sub/img-sub121210-1.jpg) no-repeat center center / cover;opacity:0.5;}

.social .wrapper .cont-box .icon-text-list .item:nth-child(1) .inner .icon {background-image:url(/design/default/img/sub/icon-sub121210-1.svg);}
.social .wrapper .cont-box .icon-text-list .item:nth-child(2) .inner .icon {background-image:url(/design/default/img/sub/icon-sub121210-2.svg);}
.social .wrapper .cont-box .icon-text-list .item:nth-child(1) .inner .icon::before {top:-0.25rem;left:-0.25rem;}
.social .wrapper .cont-box .icon-text-list .item:nth-child(2) .inner .icon::before {bottom:0.75rem;left:50%;transform:translateX(-50%);}

/* 지배구조 */
/* 개요 */
.governance .wrapper .cont-box .organization .division {justify-content:flex-start;align-items:center;gap:3.75rem;width:100%;}
.governance .wrapper .cont-box .organization .division .centrals {position:relative;justify-content:center;gap:2.5rem;width:67.5%;padding-top:3.75rem;margin-right:32.5%;}
.governance .wrapper .cont-box .organization .division .centrals::before {content:"";position:absolute;top:0;left:calc((25% - 2.5rem * 3 / 4) / 2);display:block;width:calc(100% + 1px);height:1px;background-color:var(--mono7);}
.governance .wrapper .cont-box .organization .division .centrals li {position:relative;width:calc(25% - 2.5rem * 3 / 4);}
.governance .wrapper .cont-box .organization .division .centrals li::before {content:"";position:absolute;top:-3.75rem;left:50%;display:block;width:1px;height:3.75rem;background-color:var(--mono7);transform:translateX(-50%);}
.governance .wrapper .cont-box .organization .division .centrals li .name {display:flex;flex-flow:column wrap;justify-content:center;align-items:center;width:100%;height:64px;color:var(--mono2);border:1px solid var(--mono5);box-sizing:border-box;}
.governance .wrapper .cont-box .organization .division .teams {position:relative;justify-content:center;gap:2.5rem;width:50%;padding-top:3.75rem;margin-left:50%;}
.governance .wrapper .cont-box .organization .division .teams::before {content:"";position:absolute;top:0;left:50%;display:block;width:calc(100% - (25% - 2.5rem * 3 / 4));height:1px;background-color:var(--mono7);transform:translateX(-50%);}
.governance .wrapper .cont-box .organization .division .teams::after {content:"";position:absolute;top:calc(-3.75rem * 2 - 64px);left:50%;display:block;width:1px;height:calc(3.75rem * 2 + 64px);background-color:var(--mono7);transform:translateX(-50%);}
.governance .wrapper .cont-box .organization .division .teams li {position:relative;width:calc(25% - 2.5rem * 3 / 4);}
.governance .wrapper .cont-box .organization .division .teams li::before {content:"";position:absolute;top:-3.75rem;left:50%;display:block;width:1px;height:3.75rem;background-color:var(--mono7);transform:translateX(-50%);}
.governance .wrapper .cont-box .organization .division .teams li .name {display:flex;flex-flow:column wrap;justify-content:center;align-items:center;width:100%;height:64px;color:Var(--mono2);font-size:1.25rem;border:1px solid var(--mono7);box-sizing:border-box;}

/* *** 고객지원 *** */
/* 온라인 문의 */
.online-inquiry .contact-banner {gap:2.5rem;width:100%;max-width:1400px;margin:0 auto;}
.online-inquiry .contact-banner .item {width:calc((100% / 3) * 2 - 2.5rem / 2);}
.online-inquiry .contact-banner .item .inner {position:relative;justify-content:flex-end;width:100%;height:100%;padding:2.5rem;border:1px solid var(--mono7);border-radius:40px;box-sizing:border-box;}
.online-inquiry .contact-banner .item .inner .icon {position:absolute;top:2.5rem;right:2.5rem;width:80px;aspect-ratio:1 / 1;background:no-repeat center center / contain;}
.online-inquiry .contact-banner .item:not(.logo) .inner .icon::before {content:"";position:absolute;top:-0.5rem;right:-0.5rem;display:block;width:1.75rem;aspect-ratio:1 / 1;border-radius:50px;background-color:var(--color1);opacity:0.5;z-index:-1;}
.online-inquiry .contact-banner .item:nth-child(2) .inner .icon {background-image:url(/design/default/img/sub/icon-sub1311-1.svg);}
.online-inquiry .contact-banner .item .inner .label {display:block;color:var(--color1);font-size:1.25rem;font-weight:700;font-family:"Sofia Pro",sans-serif;}
.online-inquiry .contact-banner .item .inner .desc {display:block;width:100%;color:var(--mono1);font-size:2.75rem;font-weight:700;}

.online-inquiry .contact-banner .item.logo {width:calc((100% / 3) - 2.5rem / 2);aspect-ratio:4 / 3;}
.online-inquiry .contact-banner .item.logo .inner .icon {top:50%;left:50%;right:auto;width:160px;background-image:url(/design/default/img/main/logo.png);transform:translate(-50%,-50%);}

/* 사이버 신문고 */
.petition .form-wrapper {width:100%;max-width:960px;margin:0 auto;}
.petition .form-wrapper .alert-list {width:100%;padding:2.5rem;margin-bottom:2.5rem;border-radius:40px;background-color:var(--mono9);box-sizing:border-box;}
.petition .form-wrapper .alert-list li {position:relative;color:var(--mono1);font-size:1.125rem;font-weight:300;padding-left:1.25rem;box-sizing:border-box;}
.petition .form-wrapper .alert-list li::before {content:"";position:absolute;top:10.5px;left:6px;display:block;width:5px;height:5px;background-color:var(--mono2);}
.petition .form-wrapper .alert-list li + li {margin-top:0.75rem;}

.petition .form-wrapper .form-wrap {width:100%;padding:3.75rem;border:1px solid var(--mono7);border-radius:40px;box-sizing:border-box;}
.petition .form-wrapper .form-wrap label.essential::after {content:"*";color:var(--color1);font-size:1.25rem;font-weight:700;line-height:1;padding-left:0.25rem;}
.petition .form-wrapper .form-wrap input:not([type=radio],[type=checkbox]), select, textarea {border:0;}
.petition .form-wrapper .form-wrap input:not([type=radio],[type=checkbox]):hover, select:hover, textarea:hover {border:0;background-color:var(--mono8);}
.petition .form-wrapper .form-wrap form {width:100%;}
.petition .form-wrapper .form-wrap form .form {width:100%;}
.petition .form-wrapper .form-wrap form .form .form-line {justify-content:space-between;width:100%;margin-bottom:2.5rem;}
.petition .form-wrapper .form-wrap form .form .form-line .label {width:140px;padding-top:0.875rem;}
.petition .form-wrapper .form-wrap form .form .form-line .label label,
.petition .form-wrapper .form-wrap form .form .form-line .label span {display:block;color:var(--mono1);font-size:1.125rem;font-weight:700;}
.petition .form-wrapper .form-wrap form .form .form-line .input {width:calc(100% - 140px - 0.5rem);}
.petition .form-wrapper .form-wrap form .form .form-line .input input:not([type=radio], [type=checkbox], [type=file], [type=submit]) {width:100%;height:56px;border-radius:16px;background-color:var(--mono9);}
.petition .form-wrapper .form-wrap form .form .form-line .input textarea {width:100%;height:300px;border-radius:16px;background-color:var(--mono9);}
.petition .form-wrapper .form-wrap form .form .form-line .input .ref {display:block;color:var(--color1);font-size:1rem;font-weight:500;margin-top:0.75rem;}
.petition .form-wrapper .form-wrap form .form .form-line .input .textarea {width:100%;color:var(--mono3);font-size:1rem;padding:1rem;border:1px solid var(--mono8);border-radius:16px;box-sizing:border-box;}

.petition .form-wrapper .form-wrap form .form .form-line.type-select .input {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
.petition .form-wrapper .form-wrap form .form .form-line.type-select .input select {width:180px;height:56px;border-radius:16px 0 0 16px;background-color:var(--mono9);}
.petition .form-wrapper .form-wrap form .form .form-line.type-select .input input:not([type=radio], [type=checkbox], [type=file], [type=submit]) {width:calc(100% - 180px - 2px);border-radius:0 16px 16px 0;}

.petition .form-wrapper .form-wrap form .form .form-line.type-file .input .file {position:relative;justify-content:space-between;align-items:center;cursor:pointer;}
.petition .form-wrapper .form-wrap form .form .form-line.type-file .input .file input[type=file] {position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0;}
.petition .form-wrapper .form-wrap form .form .form-line.type-file .input .file .btn {display:block;width:160px;color:#fff;font-size:1rem;font-weight:500;text-align:center;line-height:56px;border-radius:16px;background-color:var(--mono2);box-sizing:border-box;transition:0.2s;cursor:pointer;}
.petition .form-wrapper .form-wrap form .form .form-line.type-file .input .file:hover .btn {background-color:var(--color1);}
.petition .form-wrapper .form-wrap form .form .form-line.type-file .input .file .file-name {width:calc(100% - 0.75rem - 160px);height:56px;color:var(--mono3);font-size:1rem;font-weight:300;line-height:56px;white-space:nowrap;padding:0 0.75rem;border-radius:16px;background-color:var(--mono9);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;}

.petition .form-wrapper .form-wrap form .form-check {justify-content:flex-start;align-items:center;}
.petition .form-wrapper .form-wrap form .form-check label {color:var(--mono1);font-size:1.125rem;font-weight:700;margin-right:0.75rem;cursor:pointer;}
.petition .form-wrapper .form-wrap form .form-check .details-btn {display:block;color:var(--mono3);font-size:0.875rem;font-weight:700;padding:0.375rem 0.75rem;border-radius:8px;background-color:var(--mono8);transition:0.2s;}
.petition .form-wrapper .form-wrap form .form-check .details-btn:hover {color:var(--mono2);background-color:var(--mono7);}

.petition .form-wrapper .form-wrap form .form-check-details {display:none;width:100%;color:var(--mono1);font-size:1rem;font-weight:300;padding:1.5rem;margin-top:1.5rem;white-space:pre-line;border-radius:16px;background-color:var(--mono9);box-sizing:border-box;}
.petition .form-wrapper .form-wrap form .form-check-details strong {font-weight:700;}
.petition .form-wrapper .form-wrap form .form-check-details .point {color:#0059ff;font-weight:500;}

.petition .form-wrapper .form-wrap form .form-submit {justify-content:center;width:100%;margin-top:5rem;}
.petition .form-wrapper .form-wrap form .form-submit .button button {justify-content:center;align-items:center;height:56px;color:#fff;font-size:1.25rem;font-weight:700;padding:0 2rem;border-radius:16px;background-color:var(--mono1);box-sizing:border-box;transition:0.2s;}
.petition .form-wrapper .form-wrap form .form-submit .button button:hover {background-color:var(--color1);}

/* *** 정책 *** */
.site-policy .sub-title-wrap .desc {margin-top:0;}
.site-policy .wrapper .cont-box .plain-text {color:var(--mono1);font-size:1.25rem;font-weight:300;padding:2.5rem;border:1px solid var(--mono7);border-radius:40px;box-sizing:border-box;}