@charset "utf-8";
.root_daum_roughmap,
.root_daum_roughmap .wrap_map {overflow:hidden; height:clamp(250px, calc( 500 / var(--inner) * 100vw ), 500px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

.sub-sec {border-top:2px solid #E0E1EB; position:relative;}
.sub-sec:before {content:''; position:absolute; left:0; top:-2px; width:80px; height:4px; background:#1F286F;}
.flex-item {padding-top:var(--space-80); padding-bottom:var(--space-80); display:flex;}
.flex-item .col-l {flex:1;}
.flex-item.no-flex {display:grid; gap:var(--space-35);}
.flex-item.last {padding-bottom:0;}
.flex-item:nth-child(2) {padding-top:0;}

.doc-tit h2 {font-size:var(--font-size-28); padding-left:32px; position:relative; line-height:20px; letter-spacing:-0.03em; color:var(--color-primary);}
.doc-tit h2:before {width:20px; height:20px; content:''; position:absolute; left:0; top:0; background:url('/images/sub/doc-tit.png') no-repeat center center / contain;}
.doc-tit.none h2 {padding-left:0; display:flex; line-height:1.2em; align-items:center;}
.doc-tit.none h2:before {display:none;}
.doc-tit.none .num {color:#AAA; font-size:var(--font-size-20); font-weight:700; padding-right:12px;}

.subsecWrap.ty1 .flex-item .col-r {flex:1 71.9%; max-width:71.9%;}
.subsecWrap.ty2 .flex-item .col-r {flex:1 60.358%; max-width:60.358%;}
.subsecWrap.ty3 .flex-item .col-r {flex:1 66.572%; max-width:66.572%;}

.doc-intent {padding-left:32px;}

.greetings {display:grid; gap:var(--space-30);}
.greetings .txt {font-size:var(--font-size-18); line-height:2.22;}
.greetings .txt .primary {color:var(--color-primary); font-weight:600;}

.onepage-wrap {width:100%; padding-left:var(--contain-padding); padding-right:150px; max-width:1920px; margin:0 auto;}
.onepage-wrap .flex-item {padding-right:var(--space-40);}

.one-page {max-width:1435px; margin:0 0 0 auto;}

.company-overview {padding:var(--space-50) var(--space-60); outline:1px solid #ddd; display:grid; gap:var(--space-40);}
.company-overview .item {display:flex; justify-content:flex-start; align-items:center; gap:var(--space-80); font-size:var(--font-size-18); line-height:1.3em;}
.company-overview .tit {min-width:70px; color:var(--color-primary); font-weight:600;}
.company-overview .list {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-60);}
.company-overview .list li {position:relative; padding-left:14px;}
.company-overview .list li::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:4px; height:4px; background:var(--color-primary); border-radius:9999px;}

.business-overview {display:flex; justify-content:flex-start; align-items:center; gap:var(--space-20);}
.business-overview .list {grid-template-columns:repeat(3, 1fr); display:grid; gap:var(--space-20);}
.business-overview .list li {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-20);}
.business-overview .list li .tit {width:100%; height:var(--height-73); background:#F5F5F8; display:flex; justify-content:center; align-items:center; color:var(--color-primary); font-size:var(--font-size-18); font-weight:600; line-height:1.7em;}

.history .item {padding-bottom:var(--space-50); display:flex; position:relative;}
.history .item:before {width:2px; left:142px; top:5px; bottom:-5px; content:''; position:absolute; background:#ddd;}
.history .item:last-child:before {display:none;}
.history .year {width:142px; padding-top:7px; font-size:var(--font-size-20); position:relative; font-weight:600; color:var(--color-primary); line-height:16px;}
.history .year:after {width:16px; height:16px; right:-9px; top:5px; position:absolute; content:''; background:#fff; border:4px solid var(--color-primary); border-radius:9999px;}
.history .desc {padding-left:70px; gap:20px; flex:1; font-size:var(--font-size-18); line-height:1.3em; display:grid;}

.location {display:flex; gap:var(--space-40);}
.location  .map {flex:1;}
.location  .map iframe {width:100%; height:100%;}
.location .info {width:46.39%; display:grid; gap:var(--space-30);}
.location .addr {align-self:stretch; color:var(--color-primary); font-size:var(--font-size-18); font-weight:600; line-height:1.4;}
.location .contact {display:grid; gap:var(--space-10);}
.location .contact .item {display:flex; justify-content:flex-start; align-items:center; gap:var(--space-10);}
.location .contact .tit {color:var(--color-primary); font-weight:600;}
.location .contact .bar {width:1px; height:10px; background:#ddd; flex-shrink:0;}

.foundry-tit-box {display:flex; align-items:center; gap:12px;}
.foundry-icon {position:relative; width:20px; height:20px;}
.foundry-icon .circle {position:absolute; width:10px; height:10px; border-radius:9999px;}
.foundry-icon .circle.dark {left:0; top:0; background:var(--color-primary);}
.foundry-icon .circle.accent {left:10px; top:10px; background:#4472C4;}
.foundry-cnt .foundry-tit-box .tit {font-size:var(--font-size-28); font-weight:600; color:var(--color-primary); line-height:1.5; margin:0;}
.foundry-body {display:grid; gap:var(--space-45);}
.foundry-body .desc {font-size:var(--font-size-18); line-height:2.2em;}
.foundry-cards {display:flex; gap:var(--space-25);}
.foundry-card {display:flex; flex-direction:column; align-items:center; gap:var(--space-20);}
.foundry-card-cap {width:100%; height:var(--height-73); display:flex; background:var(--color-primary); text-align:center; font-size:var(--font-size-18); font-weight:600; color:#fff; line-height:1.7em; align-items:center; justify-content:center;}
.foundry-sect .sect-tit {margin-bottom:25px; font-size:var(--font-size-24); font-weight:600; color:#4472C4; line-height:1.5em;}

.foundry-tbl {border-top:2px solid #686868; border-bottom:1px solid #ddd; border-collapse:collapse; table-layout:fixed; width:100%;}
.foundry-tbl th {padding:var(--space-15); background:#fafafa; text-align:center; font-weight:600; vertical-align:middle;}
.foundry-tbl td {padding:var(--space-15) var(--space-25); border-left:1px solid #ddd; vertical-align:middle;}
.foundry-tbl th,
.foundry-tbl td {border-top:1px solid #ddd;}
.foundry-tbl tbody tr:first-child th,
.foundry-tbl tbody tr:first-child td {border-top:none;}
.foundry-tbl .list li {padding:var(--space-20); border-bottom:1px solid #ddd;}
.foundry-tbl .list li:last-child {border-bottom:none;}

.battery-foundry {display:grid; gap:var(--space-45);}
.battery-foundry .desc {font-size:var(--font-size-18); line-height:2.2em;}
.battery-foundry .bullet-row {display:flex; align-items:center; gap:var(--space-10);}
.battery-foundry .dots {display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:var(--space-35);}
.battery-foundry .dot {width:4px; height:4px; background:var(--color-primary); border-radius:9999px; display:block;}
.battery-foundry .bullet-row .txt {font-size:var(--font-size-18); line-height:2.2em;}
.battery-foundry .cards {gap:var(--space-25); grid-template-columns:repeat(2, 1fr); display:grid;}
.battery-foundry .card {display:grid; align-items:center; gap:var(--space-20);}
.battery-foundry .card .cap {width:100%; height:var(--height-73); display:flex; background:var(--color-primary); text-align:center; font-size:var(--font-size-18); font-weight:600; color:#fff; line-height:1.7em; align-items:center; justify-content:center;}

.battery-foundry .process-sect .sect-tit {margin-bottom:var(--space-25); font-size:var(--font-size-24); font-weight:600; color:#4472C4; line-height:1.5em;}
.battery-foundry .process-box {padding:var(--space-80); outline:1px solid #ddd; outline-offset:-1px; display:flex; justify-content:flex-start; align-items:center; gap:var(--space-10); overflow:hidden;}
.battery-foundry .steps {display:flex; justify-content:center; gap:var(--space-20); text-align:center;}
.battery-foundry .icon-wrap {width:120px; height:120px; background:#F6F8FC; border-radius:24px; display:flex; justify-content:center; align-items:center;}
.battery-foundry .icon-wrap.alt {background:#F5F5F8;}
.battery-foundry .icon {width:48px; height:48px; display:block;}
.battery-foundry .icon-01 {background:url('/images/sub/step-icon-01.svg') no-repeat center / contain;}
.battery-foundry .icon-02 {background:url('/images/sub/step-icon-02.svg') no-repeat center / contain;}
.battery-foundry .icon-03 {background:url('/images/sub/step-icon-03.svg') no-repeat center / contain;}
.battery-foundry .icon-04 {background:url('/images/sub/step-icon-04.svg') no-repeat center / contain;}
.battery-foundry .icon-05 {background:url('/images/sub/step-icon-05.svg') no-repeat center / contain;}
.battery-foundry .step-cap {margin:var(--space-20) 0 var(--space-10); color:#6E92D1; font-weight:600;}
.battery-foundry .step-cap.alt {color:#666C9C;}
.battery-foundry .step-tit {line-height:1.5em;}

.device {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-40);}
.device .desc {font-size:var(--font-size-18); line-height:2.2em;}
.device .list {gap:16px; grid-template-columns:repeat(4, 1fr); display:grid;}
.device .list.ty2 {grid-template-columns:repeat(3, 1fr);}
.device .list.ty3 {grid-template-columns:repeat(2, 1fr);}
.device .list li,
.device .list li a {display:flex; flex-direction:column; align-items:center; gap:var(--space-20);}
.device .list .cap {height:var(--height-73); width:100%; background:var(--color-primary); display:flex; justify-content:center; align-items:center; color:#fff; font-size:var(--font-size-18); font-weight:600; line-height:1.7em; text-align:center;}