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

.bizscope {display:flex; align-items:flex-start; gap:clamp(40px, calc(160 / var(--inner) * 100vw), 160px); line-height:1.75;}
.bizscope .side-tit {display:flex; flex-shrink:0; align-items:center; gap:10px;}
.bizscope .side-tit .img {width:16px; margin:0;}
.bizscope .side-tit .img img {display:block; width:100%; height:auto;}
.bizscope .side-tit .tit {font-size:var(--font-size-32); font-weight:600; line-height:1.43em; letter-spacing:-0.03em; color:#080447; white-space:nowrap;}
.bizscope .cont {display:flex; flex-direction:column; gap:var(--space-50); flex:1; min-width:0;}
.bizscope .intro {display:flex; flex-direction:column; gap:var(--space-30); padding-top:5px;}
.bizscope .intro .tit {font-size:var(--font-size-20); font-weight:600; line-height:1.7em; letter-spacing:-0.03em; color:var(--color-primary); white-space:nowrap;}
.bizscope .txt-wrap {display:flex; align-items:flex-start; gap:10px;}
.bizscope .txt-wrap .txt {line-height:1.87em; letter-spacing:-0.03em;}
.bizscope .flow {display:flex; flex-direction:column; gap:var(--space-30);}
.bizscope .flow .tit {font-size:var(--font-size-20); font-weight:600; line-height:1.7em; letter-spacing:-0.03em; color:var(--color-primary); white-space:nowrap;}

.bizscope .txt-wrap .txt li {padding-left:15px; position:relative;}
.bizscope .txt-wrap .txt li:before {width:4px; height:4px; border-radius:100%; top:11px; left:0; background-color:var(--color-primary); content:''; position:absolute;}
.business-sec {margin:var(--space-100) 0;}

.handling {display:flex; align-items:flex-start; gap:clamp(40px, calc(160 / var(--inner) * 100vw), 160px); line-height:1.75;}
.handling .side-tit {display:flex; flex-shrink:0; align-items:center; gap:10px;}
.handling .side-tit .img {width:16px; margin:0;}
.handling .side-tit .img img {display:block; width:100%; height:auto;}
.handling .side-tit .tit {font-size:var(--font-size-32); font-weight:600; line-height:1.43em; letter-spacing:-0.03em; color:#080447; white-space:nowrap;}
.handling .cont {display:flex; flex-direction:column; gap:var(--space-50); flex:1; min-width:0;}
.handling .line {width:100%; margin:0;}
.handling .line img {display:block; width:100%; height:1px;}
.handling .block {display:flex; flex-direction:column;}
.handling .block .tit {padding:0 0 var(--space-20) 10px; font-size:var(--font-size-20); font-weight:600; line-height:1.7em; letter-spacing:-0.03em; color:var(--color-primary); white-space:nowrap;}
.handling .block .row {display:flex; flex-wrap:wrap; align-items:flex-start;}
.handling .block .col {display:flex; align-items:flex-start; gap:var(--space-10); flex:1; min-width:0;}
.handling .block .txt {letter-spacing:-0.03em; white-space:normal;}
.handling .block .txt li {padding-left:15px; position:relative;}
.handling .block .txt li:before {width:4px; height:4px; border-radius:100%; top:11px; left:0; background-color:var(--color-primary); content:''; position:absolute;}

.hist {position:relative; overflow:visible; margin-top:var(--space-80);}
.hist .rail {position:absolute; left:clamp(16px, calc(24 / var(--inner) * 100vw), 24px); top:clamp(20px, calc(32 / var(--inner) * 100vw), 32px); bottom:0; width:1px; pointer-events:none;}
.hist .rail .line {margin:0; width:100%; height:100%; min-height:clamp(400px, calc(800 / var(--inner) * 100vw), 800px);}
.hist .rail .line img {display:block; width:100%; height:100%; object-fit:fill;}
.hist .body {display:flex; flex-direction:column; gap:clamp(60px, calc(120 / var(--inner) * 100vw), 120px); position:relative;}
.hist .yr {display:flex; align-items:flex-start; gap:clamp(28px, calc(56 / var(--inner) * 100vw), 56px);}
.hist .yr.single {align-items:center;}
.hist .mark {flex-shrink:0; width:clamp(32px, calc(48 / var(--inner) * 100vw), 48px); height:clamp(32px, calc(48 / var(--inner) * 100vw), 48px);}
.hist .mark img {display:block; width:100%; height:auto;}
.hist .wrap {margin-top:-7px; display:flex; align-items:flex-start; gap:clamp(60px, calc(120 / var(--inner) * 100vw), 120px); flex:1; min-width:0;}
.hist .yr.single .wrap {align-items:center; padding-top:0;}
.hist .year {flex-shrink:0; margin:0; font-size:var(--font-size-36); font-weight:700; line-height:clamp(40px, calc(60 / var(--inner) * 100vw), 60px); letter-spacing:-0.03em; color:var(--color-primary);}
.hist .items {display:flex; flex-direction:column; gap:var(--space-50); flex:1; min-width:0; padding-top:var(--space-10);}
.hist .yr.single .items {padding-top:0;}
.hist .item {display:flex; align-items:flex-start; gap:var(--space-80);}
.hist .item .mon {flex-shrink:0; margin:0; font-size:var(--font-size-20); font-weight:600; line-height:1.8em; letter-spacing:-0.03em; color:var(--color-bk);}
.hist .rowtxt {font-size:var(--font-size-18); line-height:1.87em; letter-spacing:-0.03em; width: 100%;}
.hist .rowtxt li {padding-left:15px; position:relative;}
.hist .rowtxt li:before {width:4px; height:4px; border-radius:100%; top:13px; left:0; background-color:#DA3F3A; content:''; position:absolute;}

.loc {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:var(--space-20); line-height:1.75;}
.loc .card {display:flex; flex-direction:column; gap:var(--space-35); flex:0 0 auto; width:min(100%, 540px); box-sizing:border-box; background:#fff; border:1px solid #ddd; padding:var(--space-50) var(--space-60);}
.loc .card .tit {margin:0; font-size:var(--font-size-28); font-weight:600; line-height:1.4986em; letter-spacing:-0.03em; color:var(--color-primary);}
.loc .rule {width:100%; height:2px; background:#686868; flex-shrink:0;}
.loc .list {display:flex; flex-direction:column; gap:var(--space-40);}
.loc .list li {display:flex; flex-direction:column; gap:var(--space-10);}
.loc .list .lbl {padding:3px 13px;  display:inline-flex; align-self:flex-start; align-items:center; justify-content:center; background:#fdf6f6; font-weight:600; letter-spacing:-0.03em; color:#DA3F3A; white-space:nowrap;}
.loc .list .txt {margin:0; padding-left:12px; letter-spacing:-0.03em; line-height:1.851em;}
.loc .map {flex:1 1 880px; max-width:880px; min-width:0;}
.loc .map .img {margin:0; width:100%;}
.loc .map .img img {display:block; width:100%; aspect-ratio:880 / 660; object-fit:cover; border-radius:20px;}

.steeltech .wrap {overflow-x:auto; box-sizing:border-box;}
.steeltech .canvas {position:relative; width:1440px; height:800px; margin:0 auto;}
.steeltech .canvas .img.bg {position:absolute; left:0; top:0; z-index:0; width:1440px; height:800px; margin:0;}
.steeltech .canvas .img.bg img {display:block; width:100%; height:100%; object-fit:fill;}
.steeltech .layer {position:absolute; left:0; top:0; z-index:1; width:1440px; height:800px; pointer-events:none;}
.steeltech .layer .col {position:absolute; display:flex; flex-direction:column; align-items:flex-start; pointer-events:auto;}
.steeltech .layer .head {display:flex; align-items:center; justify-content:center; padding:9px var(--space-25); box-sizing:border-box; background:#fff; border:1px solid #ddd;}
.steeltech .layer .head .tit {margin:0; font-size:var(--font-size-20); font-weight:700; line-height:1.25em; letter-spacing:-0.03em; color:var(--color-bk);}
.steeltech .layer .system {left:120px; top:99px; gap:var(--space-10);}
.steeltech .layer .system {align-items:center;}
.steeltech .layer .system .stack {display:flex; flex-direction:column; gap:160px;}
.steeltech .layer .system .group {display:flex; flex-direction:column; gap:var(--space-5);}
.steeltech .layer .equip {left:424px; top:48px; gap:var(--space-10);}
.steeltech .layer .equip .list {display:flex; flex-direction:column; gap:var(--space-5); align-items:flex-start;}
.steeltech .layer .tech {left:956px; top:48px; width:344px; gap:var(--space-10);}
.steeltech .layer .tech .list {display:flex; flex-direction:column; gap:var(--space-5); width:100%;}
.steeltech .layer .btn {margin:0; text-align:center; border:none; font-family:inherit; text-align:center; cursor:pointer; box-sizing:border-box;}
.steeltech .layer .btn.sys {width:204px; padding:calc(var(--space-15)/2) var(--space-15); background:#fdf6f6; font-weight:600; line-height:1.25em; letter-spacing:-0.03em; color:#DA3F3A;}
.steeltech .layer .btn.eq {display:block; width:max-content; padding:7px var(--space-20); background:#F4F4FA; font-weight:600; line-height:1.25em; letter-spacing:-0.03em; color:var(--color-primary);}
.steeltech .layer .row2 {display:flex; flex-wrap:wrap; gap:var(--space-5); align-items:flex-start;}
.steeltech .layer .expert {position:absolute; left:340px; top:581px; display:flex; flex-direction:column; align-items:center; gap:var(--space-20); padding:10px 15px; box-sizing:border-box; border:1px solid #ddd; pointer-events:auto;}
.steeltech .expert .subtit {display:flex; flex-direction:column; align-items:center; text-align:center; white-space:nowrap;}
.steeltech .expert .subtit .tit {margin:0; font-size:var(--font-size-20); line-height:1.25em; letter-spacing:-0.03em; color:var(--color-bk);}
.steeltech .expert .subtit .tit .mid {font-weight:500;}
.steeltech .expert .subtit .tit .em {font-weight:700;}
.steeltech .expert .subtit .desc {margin:6px 0 0; line-height:1.25em; letter-spacing:-0.03em; color:#484848;}
.steeltech .layer .expert .row2 {display:flex; gap:var(--space-5); justify-content:center;}
.steeltech .layer .col.tail.mid {left:800px; top:579px; gap:var(--space-5);}
.steeltech .layer .col.tail.end {left:1088px; top:579px; gap:var(--space-5);}

.infomgmt .wrap {overflow-x:auto; box-sizing:border-box;}
.infomgmt .canvas {position:relative; width:1440px; height:1200px; margin:0 auto; box-sizing:border-box;}
.infomgmt .canvas .img.bg {position:absolute; left:0; top:0; z-index:0; width:1440px; height:1200px; margin:0;}
.infomgmt .canvas .img.bg img {display:block; width:100%; height:100%; object-fit:cover;}
.infomgmt .layer {position:absolute; left:0; top:0; z-index:1; width:1440px; height:1200px; pointer-events:none;}
.infomgmt .layer .cluster {position:absolute; display:flex; pointer-events:auto;}
.infomgmt .layer .cluster.end {align-items:flex-end;}
.infomgmt .layer .tdish {left:126px; top:384px; flex-direction:column; gap:4px; align-items:flex-start;}
.infomgmt .layer .tdish .stack {display:flex; flex-direction:column; gap:40px;}
.infomgmt .layer .tdish .flux {display:flex; flex-direction:column; gap:var(--space-10); align-items:flex-start;}
.infomgmt .layer .tdish .note {margin:0; line-height:1.5em; letter-spacing:-0.03em; color:#484848;}
.infomgmt .layer .tapa {left:769px; top:41px; flex-direction:column; gap:4px; align-items:flex-start;}
.infomgmt .layer .vess {left:751px; top:254px; flex-direction:column; gap:4px; align-items:flex-start;}
.infomgmt .layer .vess .subcol {display:flex; flex-direction:column; gap:4px; align-items:flex-start;}
.infomgmt .layer .tapb {left:833px; top:264px; flex-direction:column; gap:4px; align-items:flex-start;}
.infomgmt .layer .mhpu {left:1083px; top:159px; flex-direction:column; gap:4px;}
.infomgmt .layer .mhpl {left:1096px; top:400px; flex-direction:column; gap:4px;}
.infomgmt .layer .slide {left:1096px; top:502px; flex-direction:column; gap:4px; align-items:flex-start;}
.infomgmt .layer .senrow {left:303px; top:1090px; flex-direction:row; align-items:flex-start; gap:4px;}
.infomgmt .layer .sengrid {display:flex; flex-wrap:wrap; gap:4px 7px; width:320px; box-sizing:border-box;}
.infomgmt .layer .btn {margin:0; border:none; font-family:inherit; cursor:pointer; box-sizing:border-box; background:#F4F4FA; font-weight:600; letter-spacing:-0.03em; color:var(--color-primary); line-height:1.25em; text-align:center; pointer-events:auto;}
.infomgmt .layer .btn.lg {padding:7px 16px;}
.infomgmt .layer .btn.sm {font-size:var(--font-size-14); padding:7px var(--space-20);}
.infomgmt .layer .btn.sen {display:flex; align-items:center; justify-content:center; min-height:86px; padding:var(--space-15) var(--space-20); font-size:var(--font-size-16);}
.infomgmt .layer .sengrid .btn.w151 {width:155px;}
.infomgmt .layer .sengrid .btn.wflo {width:auto; min-width:0;}
.infomgmt .layer .btn.pos-dep {position:absolute; left:1003px; top:221px;}
.infomgmt .layer .btn.pos-rel1 {position:absolute; left:859px; top:161px;}
.infomgmt .layer .btn.pos-snk {position:absolute; left:773px; top:399px;}
.infomgmt .layer .btn.pos-rel2 {position:absolute; left:861px; top:394px;}
.infomgmt .layer .btn.pos-ghs {position:absolute; left:868px; top:433px;}
.infomgmt .layer .btn.pos-dec {position:absolute; left:1004px; top:462px;}
.infomgmt .layer .btn.pos-cov {position:absolute; left:1026px; top:682px;}
.infomgmt .layer .btn.pos-qtc {position:absolute; left:681px; top:938px;}
.infomgmt .layer .btn.pos-nqc {position:absolute; left:703px; top:886px;}
.infomgmt .layer .btn.pos-edm {position:absolute; left:544px; top:902px;}
.infomgmt .layer .btn.pos-ems {position:absolute; left:271px; top:982px;}
.infomgmt .layer .btn.pos-pcj {position:absolute; left:981px; top:930px;}
.infomgmt .layer .btn.pos-upn {position:absolute; left:863px; top:875px;}
.infomgmt .layer .btn.pos-mf {position:absolute; left:1054px; top:987px;}

#steeltech-dlg.modal.steelpop,
#infomgmt-dlg.modal.steelpop {max-width:810px; width:100%; padding:var(--space-50) var(--space-55); box-sizing:border-box; background:#fff;}
#steeltech-dlg.modal.steelpop .inner,
#infomgmt-dlg.modal.steelpop .inner {display:flex; flex-direction:column;}
#steeltech-dlg.modal.steelpop .top,
#infomgmt-dlg.modal.steelpop .top {margin-bottom:20px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--space-20); width:100%;}
#steeltech-dlg.modal.steelpop .subtit,
#infomgmt-dlg.modal.steelpop .subtit {display:flex; flex-direction:column; gap:var(--space-10); align-items:flex-start;}
#steeltech-dlg.modal.steelpop .subtit .cat,
#infomgmt-dlg.modal.steelpop .subtit .cat {font-weight:600; line-height:1.3em; letter-spacing:-0.03em; color:var(--color-primary);}
#steeltech-dlg.modal.steelpop .subtit .tit,
#infomgmt-dlg.modal.steelpop .subtit .tit {font-size:var(--font-size-36); font-weight:600; line-height:1.3em; letter-spacing:-0.03em; color:var(--color-bk); white-space:normal;}
#steeltech-dlg.modal.steelpop .btn-close,
#infomgmt-dlg.modal.steelpop .btn-close {flex-shrink:0; display:flex; align-items:center; justify-content:center; width:clamp(32px, calc(48 / var(--inner) * 100vw), 48px); height:clamp(32px, calc(48 / var(--inner) * 100vw), 48px); background:#DA3F3A; text-decoration:none;}
#steeltech-dlg.modal.steelpop .btn-close .ic,
#infomgmt-dlg.modal.steelpop .btn-close .ic {position:relative; display:block; width:16px; height:16px;}
#steeltech-dlg.modal.steelpop .btn-close .ic::before,
#steeltech-dlg.modal.steelpop .btn-close .ic::after,
#infomgmt-dlg.modal.steelpop .btn-close .ic::before,
#infomgmt-dlg.modal.steelpop .btn-close .ic::after {content:""; position:absolute; left:50%; top:50%; width:21px; height:2px; margin:-1px 0 0 -10px; background:#fff;}
#steeltech-dlg.modal.steelpop .btn-close .ic::before,
#infomgmt-dlg.modal.steelpop .btn-close .ic::before {transform:rotate(45deg);}
#steeltech-dlg.modal.steelpop .btn-close .ic::after,
#infomgmt-dlg.modal.steelpop .btn-close .ic::after {transform:rotate(-45deg);}
#steeltech-dlg.modal.steelpop .desc,
#infomgmt-dlg.modal.steelpop .desc {font-weight:500; line-height:1.3em; letter-spacing:-0.03em; color:#999;}
#steeltech-dlg.modal.steelpop .desc:empty,
#infomgmt-dlg.modal.steelpop .desc:empty {display:none;}
#steeltech-dlg.modal.steelpop .line,
#infomgmt-dlg.modal.steelpop .line {width:100%; margin:var(--space-40) 0 var(--space-35); height:2px; background-color:#686868;}
#steeltech-dlg.modal.steelpop .box,
#infomgmt-dlg.modal.steelpop .box {display:flex; flex-direction:column; gap:var(--space-30); width:100%; padding:var(--space-25) var(--space-30); box-sizing:border-box; background:#f9f9f9;}
#steeltech-dlg.modal.steelpop .box .txt,
#infomgmt-dlg.modal.steelpop .box .txt {line-height:1.8; letter-spacing:-0.03em; white-space:normal;}
#steeltech-dlg.modal.steelpop .box .txt:empty,
#infomgmt-dlg.modal.steelpop .box .txt:empty {display:none;}
#steeltech-dlg.modal.steelpop .media,
#infomgmt-dlg.modal.steelpop .media {width:100%;}