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

.company .cont {display:flex; flex-wrap:wrap;}
.company .box {flex:0 1 600px; max-width:600px; padding:var(--space-50) var(--space-60); display:flex; flex-direction:column; box-sizing:border-box;}
.company .box .tit {margin:0 0 var(--space-40); font-size:var(--font-size-32); font-weight:600; line-height:1.25; letter-spacing:-0.02em; color:#242424;}
.company .box .tit .brand {font-weight:700; color:#003976;}
.company .box .txt {display:flex; flex-direction:column; gap:var(--space-20); margin:0 0 var(--space-30); font-size:var(--font-size-16); color:#686868; line-height:1.75;}
.company .box .sign {font-weight:600; line-height:1.5; color:#242424;}

.hist {margin-top:-16px; padding-bottom:40px; position:relative; z-index:1;}
.hist:before {content:""; position:absolute; left:50%; top:0; width:1px; height:100%; margin-left:-1px; background:rgba(221,221,221,0.6); z-index:0;}
.hist .top {position:relative; z-index:1; width:32px; height:32px; margin:0 auto var(--space-80);}
.hist .top .img {position:absolute;}
.hist .list {position:relative; z-index:1; display:flex; flex-direction:column; gap:var(--space-80);}
.hist .item {position:relative; display:flex; flex-wrap:wrap; gap:var(--space-30);}

.hist .item.lft {padding-right:calc(50% - 7px); justify-content:flex-end; text-align:right;}
.hist .item.lft .mark {order:3;}
.hist .item.lft .year {order:2;}
.hist .item.rgt {justify-content:flex-start; padding-left:calc(50% - 7px);} 
.hist .inn {display:flex; flex-wrap:wrap; gap:var(--space-40); flex:1;}
.hist .item .txt {flex:1; display:grid; gap:var(--space-15);}
.hist .item .desc {display:flex; gap:16px;}
.hist .item .month {color:#242424; font-weight:600; letter-spacing:-.03em;}
.hist .item:nth-child(odd) .desc {justify-content:flex-end;}
.hist .item:nth-child(odd) .month {order:2;}
.hist .year {font-size:var(--font-size-32); font-weight:700; color:#003976; letter-spacing:-0.03em;}
.hist .mark {margin-top:7px;}
.hist .mark img {width:14px; aspect-ratio:1; object-fit:contain;}

.hist-bg {position:relative; width:100%; margin-bottom:100px; pointer-events:none; z-index:0;}
.hist-bg .img {position:absolute; left:50%; bottom:-196px; width:1200px; max-width:100%; margin:0; aspect-ratio:1200 / 296; transform:translateX(-50%);}
.hist-bg .img img {display:block; width:100%; height:100%; object-fit:fill;}

.partners {grid-template-columns:repeat(4, 1fr); display:grid; gap:var(--space-30);}

.patent .list {grid-template-columns:repeat(5, 1fr); display:grid; gap:calc(var(--space-30) - 4px); text-align:center;}
.patent p {margin-top:var(--space-15);}

.locinfo {display:flex;}
.locinfo .addr {flex:0 1 369px; max-width:100%; min-height:200px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:var(--space-40); box-sizing:border-box; background:#003976; text-align:center;}
.locinfo .addr .txt {display:flex; flex-direction:column; align-items:center; gap:24px; width:100%; line-height:1.5;}
.locinfo .addr .name {color:rgba(255,255,255,0.8); letter-spacing:-0.02em;}
.locinfo .addr .desc {font-size:var(--font-size-20); font-weight:600; color:#fff; letter-spacing:-0.02em; line-height:1.5;}
.locinfo .addr .desc p {margin:0;}
.locinfo .cell {flex:0 1 277px; max-width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-30); padding:var(--space-40); box-sizing:border-box; background:rgba(255,255,255,0.03); border-right:1px solid #f5f5f5; text-align:center; line-height:1.5;}
.locinfo .cell:last-child {border-right:none;}
.locinfo .cell .img {width:32px; aspect-ratio:1;}
.locinfo .cell .img img {display:block; width:100%; height:100%; object-fit:contain;}
.locinfo .cell .txt {display:flex; flex-direction:column; align-items:center; gap:8px; width:100%;}
.locinfo .cell .lab {font-size:var(--font-size-16); color:#686868; letter-spacing:-0.02em;}
.locinfo .cell .val {font-size:var(--font-size-18); font-weight:500; color:#242424; letter-spacing:-0.02em; line-height:1.44;}
.locinfo .cell .val a {color:inherit;}

.machining .list {display:flex; flex-direction:column; align-items:center; gap:var(--space-100);}
.machining .item {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%;}
.machining .image {width:45.834%;}
.machining .item .thumb {position:relative; padding-bottom:65%; overflow:hidden;}
.machining .item .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.machining .box {display:flex; flex-direction:column; justify-content:center; gap:var(--space-30); flex:1; max-width:100%; padding-left:var(--space-100);}
.machining .box .tit {font-size:var(--font-size-28); font-weight:600; color:#242424; letter-spacing:-0.02em; line-height:1.29;}
.machining .box .desc {font-size:var(--font-size-18); letter-spacing:-0.02em; line-height:1.78;}

.plist .list {display:flex; flex-direction:column; align-items:center; gap:var(--space-100);}
.plist .item {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; max-width:1200px; gap:0; box-sizing:border-box;}
.plist .list .item:first-child {justify-content:flex-start;}
.plist .list .item:nth-child(3),
.plist .list .item:nth-child(5) {background:#fff;}
.plist .img {display:flex; justify-content:center; align-items:center; flex:0 0 auto; width:min(100%, 550px); aspect-ratio:550 / 350; border:1px solid #ddd; overflow:hidden; box-sizing:border-box;}
.plist .img.pic {background:#fff;}
.plist .img.ph {background:#eee;}
.plist .img.pic img {display:block; width:73%; height:86%; object-fit:cover; object-position:center;}
.plist .img.ph img {display:block; width:var(--space-80); aspect-ratio:1; object-fit:contain;}
.plist .box {display:flex; flex-direction:column; justify-content:center; gap:var(--space-60); flex:0 1 650px; max-width:100%; min-height:clamp(200px, calc(350 / var(--inner) * 100vw), 350px); padding:0 var(--space-100); box-sizing:border-box; line-height:1.25;}
.plist .box .wrap {display:flex; flex-direction:column; gap:var(--space-30);}
.plist .box .tit {font-size:var(--font-size-28); font-weight:600; color:#242424; letter-spacing:-0.02em; line-height:1.29;}
.plist .box .desc {font-size:var(--font-size-18); color:#454545; letter-spacing:-0.02em; line-height:1.78;}
.plist .box .btn {width:90px; min-height:44px; display:flex; justify-content:center; align-items:center; align-self:flex-start; padding:var(--space-10); box-sizing:border-box; border:1px solid #ddd; border-radius:60px; font-size:var(--font-size-16); color:#686868; letter-spacing:-0.02em; line-height:1.625; text-decoration:none; text-align:center;}
.plist .box .btn:hover {color:#fff; background-color:var(--color-primary); border-color:var(--color-primary);}

.pdacc {width:100%; max-width:1200px; margin:var(--space-100) auto 0; line-height:1.25; box-sizing:border-box;}
.pdacc .panel {border-top:1px solid #ddd;}
.pdacc .panel:first-child {border-top:2px solid #242424;}
.pdacc .panel:last-child {border-bottom:1px solid #ddd;}
.pdacc summary {min-height:98px; display:flex; align-items:center; justify-content:space-between; gap:var(--space-30); padding:var(--space-30) var(--space-40); box-sizing:border-box; list-style:none; cursor:pointer;}
.pdacc summary::-webkit-details-marker {display:none;}
.pdacc .tit {font-size:var(--font-size-24); font-weight:600; color:#242424; letter-spacing:-0.02em; line-height:1.08; flex:1; min-width:0;}
.pdacc .ico {display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; width:36px; height:36px; border-radius:18px; box-sizing:border-box;}
.pdacc .ico img {display:block; width:14px; aspect-ratio:1; object-fit:contain;}
.pdacc .panel[open] .ico img {display:none;}
.pdacc .panel[open] .ico::after {content:""; display:block; width:14px; height:2px; background:#003976;}

.pdacc .cont {padding:0 var(--space-40) var(--space-40); box-sizing:border-box;}
.pdacc .oview {display:flex; align-items:center; gap:var(--space-80);}
.pdacc .oview .img {display:flex; justify-content:center; align-items:center; flex:0 0 auto; width:min(100%, 500px); aspect-ratio:500 / 300; border:1px solid #ddd; overflow:hidden; box-sizing:border-box; background:#fff;}
.pdacc .oview .img img {display:block; width:76.91%; height:70.136%; object-fit:cover;}

.pdacc .list {display:flex; flex-direction:column; gap:0; letter-spacing:-0.02em;}
.pdacc .list .item {display:flex; flex-wrap:wrap; align-items:baseline; gap:0 var(--space-10); margin:0;}
.pdacc .list .mark {color:#003976; flex-shrink:0;}
.pdacc .list .txt {flex:1; min-width:0;}
.pdacc .oview .list {line-height:2.5; flex:1;}
.pdacc .list.narrow .item {line-height:1.875;}
.pdacc .feat {display:flex; flex-direction:column; gap:var(--space-40);}
.pdacc .thumbs {gap:var(--space-20); grid-template-columns:repeat(3, 1fr); display:grid;}
.pdacc .thumbs .img {display:flex; justify-content:center; align-items:center; width:min(100%, 360px); aspect-ratio:360 / 260; overflow:hidden; box-sizing:border-box; background:#fff;}
.pdacc .thumbs .img img {display:block; width:100%; height:100%; object-fit:cover;}
.pdacc .spectbl {width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.pdacc .spec {width:100%; min-width:560px; border-collapse:collapse; table-layout:fixed;}
.pdacc .spec .hdr th {background:#f8f8f8; border:1px solid #ddd; font-size:var(--font-size-18); font-weight:600; color:#454545; letter-spacing:-0.02em; line-height:1.67; padding:var(--space-10) var(--space-15); box-sizing:border-box; vertical-align:middle;}
.pdacc .spec .hdr th:first-child {width:50%;}
.pdacc .spec td {border:1px solid #ddd; letter-spacing:-0.02em; line-height:1.875; padding:var(--space-10) var(--space-15); box-sizing:border-box; text-align:center; vertical-align:middle;}
.pdacc .spec .grp {font-weight:500;}
.pdacc .pimgs {gap:var(--space-20); grid-template-columns:repeat(4, 1fr); display:grid;}
.pdacc .pimgs .cell {flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:var(--space-20); text-align:center;}
.pdacc .pimgs .img {width:min(100%, 265px); aspect-ratio:265 / 260; overflow:hidden;}
.pdacc .pimgs .img img {display:block; width:100%; height:100%; object-fit:cover;}
.pdacc .pimgs .tit {letter-spacing:-0.02em; line-height:1.875;}
.pdacc .opts {grid-template-columns:repeat(4, 1fr); display:grid; gap:var(--space-20);}
.pdacc .opts .cell {text-align:center;}
.pdacc .opts .img.ph {position:relative; padding-bottom:75.475%; margin-bottom:var(--space-15); overflow:hidden;}
.pdacc .opts .img.ph img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.pdacc .opts .tit {letter-spacing:-0.02em; line-height:1.875;}