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

.doc-cnt100 {margin-bottom:var(--space-100);}

/* vision */
.vision-cards {margin-top:var(--space-150); grid-template-columns:repeat(3, 1fr); display:grid; gap:var(--space-70);}
.vision-card {height:562px; border-radius:24px; display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-50); padding:var(--space-55) var(--space-40); background:#fff; box-shadow:4px 4px 30px rgba(0,0,0,0.1);}
.vision-card:nth-child(even) {margin-top:var(--space-120);}
.vision-card-icon {opacity:0.88;}
.vision-card-icon img {height:clamp(60px, calc( 80 / var(--inner) * 100vw ), 80px);}
.vision-card-body {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.vision-card-title {font-size:var(--font-size-24); font-weight:600; color:#242424; line-height:1.4em;}
.vision-card-desc {font-size:var(--font-size-18); line-height:1.8em;}
.vision-card:hover {background-color:#0F138C; color:#fff;}
.vision-card:hover .vision-card-title {color:#fff;}
.vision-card:hover .vision-card-icon {filter:brightness(0) invert(1); opacity:1;}

/* history */
.history-era {padding-bottom:var(--space-60); display:flex; align-items:flex-start; justify-content:space-between;}
.history-era:last-child {padding-bottom:0;}
.history-era-title {flex-shrink:0; margin:0; font-size:var(--font-size-56); top:100px; position:-webkit-sticky; position:sticky; left:0; block-size:fit-content; font-weight:700; color:#bdbdbd; line-height:2em;}
.history-era.is-era-active .history-era-title {color:#0f138c;}
.history-era-body {flex-shrink:0; width:100%; max-width:800px; position:relative;}
.history-era-body::after {content:""; position:absolute; top:-50px; bottom:-50px; left:225px; width:1px; background:#ddd; z-index:0;}
.history-era:first-child .history-era-body::after {top:60px;}
.history-era:last-child .history-era-body::after {bottom:60px;}
.history-rows {display:flex; flex-direction:column; gap:var(--space-40);}
.history-row {display:flex; align-items:center; width:100%; min-height:105px;}
.history-year {flex-shrink:0; margin:0; width:180px; padding-top:3px; font-size:var(--font-size-32); font-weight:700; color:#242424; line-height:1.8em; transition:color .25s ease;}
.history-line {position:relative; flex-shrink:0; display:flex; align-items:center; justify-content:center; width:160px; min-height:105px; padding-right:70px;}
.history-row:last-child .history-line::after {display:none;}
.history-dot {position:relative; z-index:1; display:flex; align-items:center; justify-content:center; flex-shrink:0; width:89px; height:89px;}
.history-dot img {display:block; max-width:none; transition:opacity .25s ease, transform .25s ease;}
.history-dot-off {width:18px; height:18px; opacity:1; transform:scale(1);}
.history-dot-on {position:absolute; width:89px; aspect-ratio:1/1; opacity:0; transform:scale(0.2); pointer-events:none;}
.history-row.is-active .history-year {color:#0f138c;}
.history-row.is-active .history-dot-off {opacity:0; transform:scale(0.2);}
.history-row.is-active .history-dot-on {opacity:1; transform:scale(1);}
.history-desc {flex:1; padding:8px 0; font-size:var(--font-size-18); line-height:1.7em;}

.org-contact {display:flex; flex-direction:column; gap:var(--space-80);}
.org-contact-head {display:flex; align-items:center; gap:var(--space-16);}
.org-contact-bar {flex-shrink:0; width:3px; height:clamp(22px, calc( 36 / var(--inner) * 100vw ), 36px); background:#0F138C;}
.org-contact-title {font-size:var(--font-size-36); font-weight:700; color:#242424; line-height:1.3em;}
.org-contact-body {display:flex; flex-direction:column; gap:var(--space-80);}
.org-contact-group-title {margin-bottom:var(--space-25); font-size:var(--font-size-30); font-weight:700; color:#242424; line-height:1.3em;}
.org-contact-cards {grid-template-columns:repeat(3, 1fr); display:grid; gap:var(--space-40);}
.org-contact-card {display:flex; flex-direction:column; justify-content:center; gap:var(--space-30); padding:var(--space-30); border:1px solid #ddd; border-radius:16px;}
.org-contact-card-name {font-size:var(--font-size-24); font-weight:600; color:#242424; line-height:1.4em;}
.org-contact-card-info {display:flex; flex-direction:column; gap:8px;}
.org-contact-item {display:flex; align-items:center; gap:12px;}
.org-contact-item-icon {display:flex;}
.org-contact-item-icon img {height:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px);}
.org-contact-item-text {line-height:1.6em;}
.org-contact-item-text:hover {color:#0F138C;}

/* ceo-message */
.ceo-msg-inner {padding:0 var(--space-120); height:340px; background:#f6f7fa; border-radius:600px; align-items:center; position:relative; width:100%; display:flex; justify-content:space-between;}
.ceo-msg-quote {font-size:var(--font-size-30); font-weight:700; color:#242424; line-height:1.5em; text-align:center;}
.ceo-msg-quote-em {color:#0f138c;}
.ceo-msg-inner .col-r {display:flex; gap:var(--space-50); align-items:flex-end;}
.ceo-msg-inner .col-r, .ceo-msg-sign {padding-bottom:140px;}
.ceo-msg-role {margin-bottom:8px; font-size:var(--font-size-18); font-weight:400; color:#242424; line-height:1.6em;}

/* workplace */
.workplace-intro {display:flex; flex-direction:column; gap:var(--space-25); width:100%; text-align:center;}
.workplace-intro-title {font-size:var(--font-size-24); font-weight:600; color:#242424; line-height:1.3em;}
.workplace-intro-desc {padding:0 var(--space-40); font-size:var(--font-size-18); line-height:1.8em;}
.workplace-intro-desc strong {font-weight:700; color:#242424;}
.workplace-lower {padding:var(--space-100) 0; display:flex; flex-direction:column; gap:var(--space-16); align-items:center; width:100%; background:linear-gradient(to top, #fff 0%, #f8f9ff 100%);}
.workplace-pillars {display:flex; align-items:flex-start; gap:var(--space-60);}
.workplace-pillar {display:flex; flex:1 1 0; flex-direction:column; align-items:center; gap:var(--space-50); min-width:0;}
.workplace-pillar-body {display:flex; flex-direction:column; gap:var(--space-30); width:100%; text-align:center;}
.workplace-pillar-title {font-size:var(--font-size-24); font-weight:600; color:#242424; line-height:1.4em;}
.workplace-pillar-desc {font-size:var(--font-size-18); line-height:1.8em;}
.workplace-pillar-line {flex-shrink:0; display:flex; align-items:center; justify-content:center; width:1px; height:248px;}
.workplace-sign {margin-top:clamp(80px, calc( 170 / var(--inner) * 100vw ), 170px); display:flex; justify-content:center; gap:var(--space-30); color:#242424; align-items:center;}
.workplace-sign-role {font-size:var(--font-size-20); font-weight:700; line-height:1.5em;}
.workplace-sign-name {display:flex;}

.workplace-top {padding:var(--space-100) 0; display:flex; justify-content:space-between; align-items:flex-end;}
.workplace-top .sub-title {padding:0;}
.workplace-top ul {display:flex; width:500px; align-items:center; padding:8px; border:1px solid #ddd; border-radius:100px; text-align:center;}
.workplace-top ul li {flex:1; padding:0 10px; font-size:var(--font-size-15); font-weight:600; color:#999; line-height:1.7em;}
.workplace-top ul li a {display:flex; height:52px; align-items:center; justify-content:center; border-radius:100px;}
.workplace-top ul li.active a {background:var(--color-primary); color:#fff;}

.work-place {grid-template-columns:repeat(2, 1fr); display:grid; gap:var(--space-40);}
.work-place .img {border-radius:24px; overflow:hidden;}

/* employees */
.staff-grid {grid-template-columns:repeat(4, 1fr); display:grid; gap:var(--space-50);}
.staff-card {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); flex-shrink:0;}
.staff-card-thumb {position:relative; width:100%; aspect-ratio:320 / 400; background:#f8f8f8; border-radius:24px; overflow:hidden;}
.staff-card-figure {position:absolute; left:50%; top:50%; width:180px; aspect-ratio:180/ 242; overflow:hidden; transform:translate(-50%, -50%);}
.staff-card-figure img {display:block; width:100%; height:100%; object-fit:contain;}
.staff-card-info {display:flex; align-items:flex-end; gap:var(--space-16); width:100%; padding:0 var(--space-16);}
.staff-card-name {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.4em;}
.staff-card-role {font-size:var(--font-size-18); font-weight:600; color:#242424; line-height:1.6em;}
.modal {max-width:1400px; padding:0; background:unset; box-shadow:none; background-color:#fff; border-radius:80px; overflow:hidden;}
.modal a.close-modal {top:var(--space-50); right:var(--space-50); width:clamp(36px, calc( 56 / var(--inner) * 100vw ), 56px); height:clamp(36px, calc( 56 / var(--inner) * 100vw ), 56px); display:block; background:url('/images/sub/modal-close.png') 50% 50% / contain no-repeat;}
.pop-title {font-size:var(--font-size-40); margin-bottom:var(--space-40); font-weight:600; text-align:center; color:#fff;}

/* pop-employees */
.modal:has(.pop-emp) > a.close-modal {display:none;}
.pop-emp {display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-40); width:100%; padding:var(--space-50); box-sizing:border-box;}
.pop-emp-inner {display:flex; align-items:flex-start; gap:var(--space-40); flex:1 1 0; min-width:0;}
.pop-emp-photo {flex-shrink:0; position:relative; background:#f8f8f8; border-radius:24px; width:400px; aspect-ratio:400 / 500; overflow:hidden;}
.pop-emp-figure {position:absolute; left:50%; top:calc(50% + 0.5px); width:240px; aspect-ratio:240 / 323; transform:translate(-50%, -50%); overflow:hidden;}
.pop-emp-figure img {display:block; width:100%; height:100%; object-fit:contain;}
.pop-emp-detail {display:flex; flex-direction:column; gap:var(--space-30); flex:1 1 0; min-width:0; padding:var(--space-16) 0;}
.pop-emp-head {display:flex; align-items:flex-end; gap:var(--space-16);}
.pop-emp-name {font-size:var(--font-size-36); font-weight:700; color:#242424; line-height:1.3em;}
.pop-emp-role {font-size:var(--font-size-20); font-weight:700; color:#242424; line-height:1.5em;}
.pop-emp-line {flex-shrink:0; width:100%; height:1px; background:#ddd;}
.pop-emp-contact {display:flex; flex-direction:column; gap:var(--space-25);}
.pop-emp-email {display:flex; align-items:center; gap:var(--space-16);}
.pop-emp-email-icon {width:clamp(25px, calc( 56 / var(--inner) * 100vw ), 56px); aspect-ratio:1/1; flex-shrink:0; display:flex; align-items:center; justify-content:center;  background:#f4f4f4; border-radius:100px;}
.pop-emp-email-icon img {display:block; width:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); aspect-ratio:1/1;}
.pop-emp-email-txt {font-size:var(--font-size-18); font-weight:600; color:#242424; line-height:1.6em;}
.pop-emp-career {display:flex; flex-direction:column;}
.pop-emp-career li {position:relative; padding-left:1em; line-height:2em; letter-spacing:-0.03em;}
.pop-emp-career li::before {content:"•"; position:absolute; left:0; color:#0F138C;}
.pop-emp-close {flex-shrink:0; display:flex; align-items:center; justify-content:center; width:48px; height:48px; background:#f3f3f3; border-radius:64px; text-decoration:none;}
.pop-emp-close img {display:block; width:15px; height:15px;}

/* location */
.location-wrap {border-top:1px solid #242424;}
.location-wrap .item {padding:var(--space-60) 0; gap:var(--space-80); align-items:center; display:flex; border-bottom:1px solid #ddd;}
.location-map {width:100%; max-width:700px; border-radius:24px; overflow:hidden;}
.location-office {display:flex; flex-direction:column; gap:var(--space-40); width:100%;}
.location-head {display:flex; align-items:center; gap:var(--space-16);}
.location-icon-wrap {width:clamp(25px, calc( 56 / var(--inner) * 100vw ), 56px); aspect-ratio:1/1; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:#f4f4f4; border-radius:100px;}
.location-icon-wrap img {width:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); aspect-ratio:1/1; display:block;}
.location-title {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.4em;}
.location-details {display:flex; flex-direction:column; gap:var(--space-16);}
.location-row {display:flex; align-items:flex-start; gap:var(--space-25);}
.location-label {flex-shrink:0; font-size:var(--font-size-18); font-weight:700; color:#242424; line-height:1.6em;}
.location-text {font-size:var(--font-size-18); line-height:1.6em;}

/* product-type */
.product-type {grid-template-columns:repeat(3, 1fr); display:grid; gap:var(--space-60) var(--space-40);}
.product-type-card {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); flex-shrink:0;}
.product-type-thumb {position:relative; width:100%; aspect-ratio:1/1; background:#fff; border:1px solid #ddd; border-radius:24px; overflow:hidden;}
.product-type-img {position:absolute; top:50%; left:50%; width:100%; max-width:280px; aspect-ratio:1/1; transform:translate(-50%, -50%);}
.product-type-img img {display:block; width:100%; height:100%; object-fit:cover;}
.product-type-info {display:flex; flex-direction:column; align-items:center; gap:var(--space-16);}
.product-type-label {display:flex; align-items:center; justify-content:center; padding:4px var(--space-16); background:#0F138C; border-radius:100px;}
.product-type-label-txt {font-weight:500; color:#fff; line-height:1.6em;}
.product-type-name {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.4em;}

/* product-type detail */
.product-type-tab-drag {margin-bottom:var(--space-100); overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; cursor:grab; scrollbar-width:none; width:100%;}
.product-type-tab-drag::-webkit-scrollbar {display:none;}
.product-type-tab-drag.is-grabbing {cursor:grabbing; user-select:none;}
.product-type-tab {display:flex; align-items:center; gap:8px; width:max-content; min-width:100%;}
.product-type-tab-item {flex:1 0 0;}
.product-type-tab-btn {text-align:center; height:64px; display:flex; align-items:center; justify-content:center; width:100%; padding:0 var(--space-25); font-weight:500; color:#242424; line-height:1.4em; border:1px solid #ddd; border-radius:56px;}
.product-type-tab-item.active .product-type-tab-btn {color:#fff; background:#0F138C; border-color:#0F138C;}
.product-type-intro {margin-bottom:var(--space-100); border:1px solid #ddd; border-radius:24px; display:flex; align-items:center; justify-content:center; width:100%;}
.product-type-intro-txt {display:flex; flex-direction:column; gap:var(--space-30); flex:1; padding:var(--space-50);}
.product-type-intro-label {display:flex; align-items:center; justify-content:center; align-self:flex-start; padding:4px var(--space-16); background:#0F138C; border-radius:100px;}
.product-type-intro-label-txt {font-size:var(--font-size-16); font-weight:500; color:#fff; line-height:1.6em;}
.product-type-intro-title {font-size:var(--font-size-36); font-weight:700; color:#242424; line-height:1.3em;}
.product-type-intro-desc {line-height:1.6em;}
.product-type-intro-img {flex-shrink:0; width:300px; aspect-ratio:1/1; align-items:center; justify-content:center; display:flex;}
.product-type-intro-img-inner {position:relative; width:210px; aspect-ratio:1/1;}
.product-type-intro-img-inner img {display:block; width:100%; height:100%; object-fit:contain;}
.product-type-intro-img.ty2 {width:480px;}
.product-type-intro-img-inner.ty2 {width:330px;}

.product-type-spec {position:relative; padding:var(--space-100) 0; background:#f8f8f8;}
.product-type-spec-head {margin-bottom:var(--space-60); display:flex; align-items:center; gap:var(--space-16);}
.product-type-spec-bar {flex-shrink:0; width:3px; height:clamp(22px, calc( 36 / var(--inner) * 100vw ), 36px); background:#0F138C;}
.product-type-spec-title {font-size:var(--font-size-36); font-weight:700; color:#242424; line-height:1.3em;}
.product-type-spec-sub {font-size:var(--font-size-16); font-weight:600; color:#999; line-height:1.6em;}
.product-type-spec-table {width:100%; border-collapse:separate; border-spacing:0; border-radius:16px; overflow:hidden;}
.product-type-spec-th {width:11.429%; padding-left:10px; padding-right:10px; font-weight:600; color:#fff; text-align:center; background:#0F138C; border-right:1px solid #ddd;}
.product-type-spec-td {background-color:#fff; padding-left:var(--space-40); padding-right:var(--space-16);}
.product-type-spec-th,
.product-type-spec-td {padding-top:var(--space-20); padding-bottom:var(--space-20); line-height:1.6em; letter-spacing:-0.03em; border-bottom:1px solid #ddd;}
.product-type-spec-row:last-child th,
.product-type-spec-row:last-child td {border-bottom:0;}

.product-type-models {margin-top:var(--space-100);  grid-template-columns:repeat(3, 1fr); display:grid; gap:var(--space-40);}
.product-type-models .item {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); flex-shrink:0;}
.product-type-model-thumb {position:relative; width:100%; aspect-ratio:1/1; border:1px solid #ddd; border-radius:24px; overflow:hidden;}
.product-type-model-img {position:absolute; top:50%; left:50%; width:280px; aspect-ratio:1 / 1; transform:translate(-50%, -50%);}
.product-type-model-img img {display:block; width:100%; height:100%; object-fit:cover;}
.product-type-model-info {margin-top:var(--space-20); display:flex; flex-direction:column; align-items:center; gap:var(--space-16); width:100%; text-align:center;}
.product-type-model-name {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.4em;}
.product-type-model-desc {line-height:1.6em;}

/* material */
.material-drag {margin-bottom:var(--space-100); overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; cursor:grab; scrollbar-width:none; width:100%;}
.material-drag::-webkit-scrollbar {display:none;}
.material-drag.is-grabbing {cursor:grabbing; user-select:none;}
.material-nav {gap:var(--space-40); grid-template-columns:repeat(6, 1fr); display:grid;}
.material-nav-btn {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); text-decoration:none; color:inherit; cursor:pointer;}
.material-nav-thumb {display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:1 / 1; padding:var(--space-25); background:#fff; border:1px solid #ddd; border-radius:24px;}
.material-nav-img {position:relative; width:120px; height:120px; border-radius:100px; overflow:hidden;}
.material-nav-img img {width:100%; height:100%; position:absolute; display:block; max-width:none; object-fit:cover;}
.material-nav-name {font-size:var(--font-size-18); font-weight:600; color:#242424; line-height:1.6em;}
.material-nav-item.active .material-nav-thumb {border-color:#0F138C;}
.material-nav-item.active .material-nav-btn {color:#0F138C;}

/* industry */
.industry-video {margin-bottom:var(--space-100);}
.industry-video video {display:block; width:100%;}
.industry-drag {overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; cursor:grab; scrollbar-width:none; width:100%;}
.industry-drag::-webkit-scrollbar {display:none;}
.industry-drag.is-grabbing {cursor:grabbing; user-select:none;}
.industry-nav {grid-template-columns:repeat(6, 1fr); display:grid; gap:var(--space-40);}
.industry-nav-btn {padding:var(--space-25) var(--space-15); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-16); border:1px solid #ddd; border-radius:24px;}
.industry-nav-icon {width:100px; position:relative; flex-shrink:0; aspect-ratio:1 / 1; align-items:center; justify-content:center; display:flex;}
.industry-nav-name {font-size:var(--font-size-18); font-weight:600; color:#242424; line-height:1.6em;}
.industry-nav-item.active .industry-nav-btn {border-color:#0F138C;}
.industry-nav-item.active .industry-nav-name {color:#0F138C;}

.industry-block-inner {gap:var(--space-90); margin-top:var(--space-100); display:flex; align-items:flex-start; justify-content:space-between; width:100%;}
.industry-block-content {display:flex; flex-direction:column; gap:var(--space-50); flex:1;}
.industry-block-head {display:flex; flex-direction:column; gap:var(--space-25);}
.industry-block-label {display:flex; align-items:center; justify-content:center; align-self:flex-start; padding:4px var(--space-16); background:#0F138C; border-radius:100px;}
.industry-block-label-txt {font-size:var(--font-size-16); font-weight:500; color:#fff; line-height:1.6em;}
.industry-block-title-row {display:flex; align-items:center; gap:var(--space-16);}
.industry-block-title {font-size:var(--font-size-36); font-weight:700; color:#242424; line-height:1.3em;}
.industry-block-series {font-size:var(--font-size-18); font-weight:700; color:#0F138C; line-height:1.6em;}
.industry-block-points {display:flex; flex-direction:column; gap:8px; width:100%;}
.industry-block-point {display:flex; align-items:center; gap:var(--space-16); min-height:64px; padding:0 var(--space-16); background:#f8f8f8; border-radius:100px;}
.industry-block-point-icon {flex-shrink:0; width:24px; height:24px;}
.industry-block-point-icon img {display:block; width:100%; height:100%;}
.industry-block-point-txt {font-size:var(--font-size-18); font-weight:400; line-height:1.6em;}
.industry-block-products {display:flex; align-items:flex-start; gap:var(--space-20); width:100%;}
.industry-block-product {display:flex; flex:1 1 0; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-25); min-width:0; padding:var(--space-40) var(--space-25); background:#fff; border:1px solid #ddd; border-radius:24px;}
.industry-block-product-img {position:relative; flex-shrink:0; width:100px; height:100px; display:flex; justify-content:center; align-items:center;}
.industry-block-product-img img {object-fit:cover; height:100%;}
.industry-block-product-info {display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center;}
.industry-block-product-name {font-size:var(--font-size-18); font-weight:600; color:#242424; line-height:1.6em;}
.industry-block-product-desc {font-weight:600; color:#999; line-height:1.6em;}
.industry-block-visual {position:relative; flex-shrink:0; width:100%; max-width:508px; aspect-ratio:508 / 680; border-radius:24px; overflow:hidden;}
.industry-block-visual img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.industry-block-visual:after {position:absolute; content:''; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; border-radius:24px;}

/* instrument */
.instrument {display:flex; flex-direction:column; align-items:center; gap:var(--space-100); width:100%; max-width:1400px; margin:0 auto;}
.instrument-drag {overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; cursor:grab; scrollbar-width:none; width:100%;}
.instrument-drag::-webkit-scrollbar {display:none;}
.instrument-drag.is-grabbing {cursor:grabbing; user-select:none;}
.instrument-nav {grid-template-columns:repeat(2, 1fr); display:grid; gap:var(--space-40);}
.instrument-nav-btn {display:flex; flex-direction:column; align-items:center; justify-content:center; height:140px; padding:var(--space-40) var(--space-25); border:1px solid #ddd; border-radius:24px; background:#fff;}
.instrument-nav-logo {position:relative; flex-shrink:0; width:276px; aspect-ratio:276 / 64;}
.instrument-nav-logo img {display:block; width:100%; height:100%; object-fit:contain;}
.instrument-nav-item.active .instrument-nav-btn {border-color:#0F138C;}

.instrument-blocks {display:flex; flex-direction:column; gap:var(--space-100); width:100%;}
.instrument-block-group {display:flex; flex-direction:column; gap:var(--space-100); width:100%;}
.instrument-block {width:100%;}
.instrument-block-inner {gap:var(--space-90); display:flex; align-items:flex-start; justify-content:space-between; width:100%;}
.instrument-block-content {display:flex; flex-direction:column; gap:var(--space-50); flex:1; min-width:0;}
.instrument-block-head {display:flex; flex-direction:column; gap:var(--space-25);}
.instrument-block-label {display:flex; align-items:center; justify-content:center; align-self:flex-start; padding:4px 16px; background:#0F138C; border-radius:100px;}
.instrument-block-label-txt {font-size:var(--font-size-16); font-weight:500; color:#fff; line-height:1.6em;}
.instrument-block-title-row {display:flex; align-items:center; gap:var(--space-16);}
.instrument-block-title {font-size:var(--font-size-36); font-weight:700; color:#242424; line-height:1.3em;}
.instrument-block-series {font-size:var(--font-size-18); font-weight:700; color:#0F138C; line-height:1.6em;}
.instrument-block-points {display:flex; flex-direction:column; gap:8px; width:100%;}
.instrument-block-point {display:flex; align-items:center; gap:var(--space-16); min-height:64px; padding:0 16px; background:#f8f8f8; border-radius:100px;}
.instrument-block-point-icon {flex-shrink:0; width:24px; height:24px;}
.instrument-block-point-icon img {display:block; width:100%; height:100%;}
.instrument-block-point-txt {font-size:var(--font-size-18); line-height:1.6em;}
.instrument-block-products {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--space-20); width:100%;}
.instrument-block-product {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-25); padding:var(--space-30) var(--space-25); background:#fff; border:1px solid #ddd; border-radius:24px;}
.instrument-block-product-img {position:relative; flex-shrink:0; width:172px; aspect-ratio:172 / 100; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.instrument-block-product-img img {height:100%; object-fit:contain;}
.instrument-block-product-img-cover img {width:100%; height:100%; object-fit:cover;}
.instrument-block-product-img-offset {align-items:flex-end;}
.instrument-block-product-img-offset img {height:110%; object-fit:contain;}

.instrument-block-product-info {display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center;}
.instrument-block-product-name {font-size:var(--font-size-18); font-weight:600; color:#242424; line-height:1.6em;}
.instrument-block-product-desc {font-weight:600; color:#999; line-height:1.6em;}
.instrument-block-visual {position:relative; flex-shrink:0; width:100%; max-width:508px; aspect-ratio:508 / 680; border-radius:24px; overflow:hidden;}
.instrument-block-visual img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.instrument-block-visual-contain img {object-fit:contain;}

.chk-wrap {display:flex; gap:var(--space-30); height:var(--space-45); align-items:center;}