@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 600 / var(--inner) * 100vw ), 600px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 600 / var(--inner) * 100vw ), 600px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"동아이엔지"; font-size:12px; line-height:15px;}

.bullet-item .bullet-list {position:relative; padding-left:15px; margin-top:10px; line-height:1.3;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:9px; width:3px; height: 3px; background:var(--color-primary); border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}
.bulletitem2 { padding-left: 0.6em; text-indent: -0.6em;}

.bg-gray {background:#F6F6F6;}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(50px, calc( 140 / var(--inner) * 100vw ), 140px) 0;}
.subsec-pd2 {padding: clamp(60px, calc( 160 / var(--inner) * 100vw ), 160px) 0;}
.subsec-pd3 {padding: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px) 0;}
.subsec-pdt {padding-top: clamp(60px, calc( 160 / var(--inner) * 100vw ), 160px);}

.subsec-titbx {margin-bottom: var(--padding-60); letter-spacing: -0.5px;}
.subsec-titbx.ty2 {margin-bottom: var(--padding-100);}
.subsec-tit {font-size: var(--font-size-44); font-weight: 600; line-height: 1.22; letter-spacing: -0.02em;}
.subsec-cate {display: block; margin-bottom:clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); font-size: var(--font-size-20); font-weight: 500; line-height: 1.7; color: var(--color-primary);}
.subsec-cate.ty2 {color: var(--color-secondary);}
.subsec-dec {padding-top:var(--padding-40); font-size: var(--font-size-20); color: var(--color-body2); line-height: 1.7;}
.subsec-dec.ty2 {font-size: var(--font-size-24); font-weight: 500; color: #2c2c2c; line-height: 1.66;}

.subsectitbx {margin-bottom: var(--padding-100); letter-spacing: -0.5px;}
.subsectitbx.ty2 {margin-bottom: var(--padding-70);}
.subsectitbx.ty3 {margin-bottom: var(--padding-40);}
.subsectitbx .subtit {font-size: var(--font-size-54); font-weight: 600; line-height: 1.28; letter-spacing: -0.02em;}
.subsectitbx .subdec {padding-top: var(--padding-40);font-size: var(--font-size-24); font-weight: 500; line-height: 1.66 ;}
.subsectitbx .subdec.ty2 {padding-top: var(--padding-100);}
.subsectitbx .subtit.ty2 {font-size: var(--font-size-36); font-weight: 600; line-height: 1.38;}

.radiobx {display: flex; flex-wrap: wrap;}
.radiobx .item {display: flex;align-items: center; min-height: clamp(38px, calc( 44 / var(--inner) * 100vw ), 44px);}
.radiobx .item:not(:last-child) {margin-right: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}

.greeting-content {display: flex; flex-direction: column; gap: var(--padding-80); letter-spacing: -0.5px;}
.greeting-title {font-size:var(--font-size-54); font-weight: 600; line-height: 1.26; }
.greeting-section {display: flex; align-items: center; flex-wrap: wrap; gap: var(--padding-80);}
.greeting-image {width:clamp(280px, calc( 560 / var(--inner) * 100vw ), 560px); border-radius: 24px; overflow: hidden;}
.greeting-text {flex: 1; }
.greeting-intro {display: flex; flex-direction: column; gap: var(--padding-24); padding-bottom:var(--padding-30);}
.greeting-logo {width: clamp(40px, calc( 79 / var(--inner) * 100vw ), 79px); }
.greeting-subtitle {font-size: var(--font-size-28); font-weight: 500; line-height: 1.5; }
.greeting-desc { font-size: var(--font-size-20); font-weight: 400; line-height: 1.7; color: var(--color-body2);}
.greeting-desc p:not(:last-child) {margin-bottom: var(--padding-24);}
.greeting-signature { margin-top: var(--padding-70); font-size: var(--font-size-24); font-weight: 500; line-height: 1.66; color: #2c2c2c;}

.history-bg { max-width: 1860px; width: 100%; margin:0 auto; padding-left: var(--container-space); padding-right: var(--container-space); }
.history-bg .bg {display: flex; align-items: center; padding: 0 clamp(30px, calc( 210 / var(--inner) * 100vw ), 210px); background: url(../images/sub/history-bg.jpg) no-repeat center center /cover; border-radius: 24px; height: clamp(240px, calc( 640 / var(--inner) * 100vw ), 640px);}
.history-bg .text {font-size: var(--font-size-54); font-weight: 600; line-height: 1.29; letter-spacing: -0.02em; color: #fff; }

.hst { display: flex; align-items: flex-start; position: relative; padding: var(--padding-120) 0 clamp(60px, calc( 140 / var(--inner) * 100vw ), 140px); height: 100%; }
.hst::before { content: ""; position: absolute; left: 0; right: 0; margin: auto; top: 0; width: 2px; height: 100%; background: #dfdfdf;}
.hst::after { content: ""; position: sticky; right: calc(50% - 16px); top: 176px; width: 32px; height: 32px; background: url(../images/sub/hst-dot.png) center no-repeat; background-size: contain;}
.hst.has-progress::before,
.hst.has-progress::after { content: none; display: none; }
.hst-track { position: absolute; left: 50%; top: 0; bottom: 0; z-index: 1; width: 2px; margin-left: -1px; background: #dfdfdf; pointer-events: none; }
.hst-track-fill { position: absolute; left: 50%; top: 0; z-index: 2; width: 2px; height: 0; margin-left: -1px; background: linear-gradient(180deg, rgba(0, 103, 149, 0.2) 0%, var(--color-primary) 88%, #7ec8e3 100%); box-shadow: 0 0 8px 1px rgba(0, 103, 149, 0.45), 0 0 18px 4px rgba(0, 103, 149, 0.22); border-radius: 2px; pointer-events: none; will-change: height; }
.hst-track-fill::after { content: ""; position: absolute; left: 50%; bottom: -7px; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: #fff; box-shadow: 0 0 8px 3px rgba(0, 103, 149, 0.85), 0 0 22px 8px rgba(0, 103, 149, 0.4), 0 0 36px 14px rgba(126, 200, 227, 0.25); animation: hst-glow-pulse 1.8s ease-in-out infinite; }
.hst-dot { position: sticky; top: 176px; z-index: 3; flex: 0 0 32px; width: 32px; height: 32px; margin-left: -16px; margin-right: -16px; align-self: flex-start; background: url(../images/sub/hst-dot.png) center no-repeat; background-size: contain; filter: drop-shadow(0 0 8px rgba(0, 103, 149, 0.7)); pointer-events: none; animation: hst-dot-pulse 2.2s ease-in-out infinite; }
.hst .sticky { position: sticky; top: clamp(100px, calc( 160 / var(--inner) * 100vw ), 160px); z-index: 4; width: 50%; padding-right: 40px; }
.hst .sticky > a { display: block; line-height: 1.25em; font-size: var(--font-size-48); font-weight: 600; color: #dfdfdf; margin-bottom: var(--padding-22); }
.hst .sticky > a:last-child { margin-bottom: 0; }
.hst .sticky > a.active { color: #2c2c2c;}
.hst .sticky > a:hover { color: #2c2c2c;}
.hst-yearnav { position: relative; display: inline-block; max-width: 100%; }
.hst-yearnav-btn { display: block; width: 100%; padding: 8px 8px 10px 0; border: 0; background: transparent; text-align: left; cursor: pointer; }
.hst .sticky .now-year-label { display: block; margin-bottom: 6px; font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 500; line-height: 1.4; color: #a8a8a8; letter-spacing: 0.04em; transition: color 0.25s ease; }
.hst-yearnav-main { display: flex; align-items: center; gap: 12px; }
.hst .sticky .now-year { display: block; font-size: clamp(56px, calc( 80 / var(--inner) * 100vw ), 80px); font-weight: 700; line-height: 1.05; color: #2c2c2c; letter-spacing: -0.03em; transition: opacity 0.2s ease, transform 0.2s ease, color 0.25s ease; }
.hst .sticky .now-year.is-changing { opacity: 0.35; transform: translateY(6px); }
.hst-yearnav-ico { display: block; flex: 0 0 18px; width: 18px; height: 18px; margin-top: 8px; border-right: 2px solid #c8c8c8; border-bottom: 2px solid #c8c8c8; transform: rotate(45deg); transform-origin: center; transition: transform 0.25s ease, border-color 0.25s ease; }
.hst-yearnav-btn:hover .now-year-label,
.hst-yearnav.is-open .now-year-label { color: var(--color-primary); }
.hst-yearnav-btn:hover .now-year,
.hst-yearnav.is-open .now-year { color: var(--color-primary); }
.hst-yearnav-btn:hover .hst-yearnav-ico,
.hst-yearnav.is-open .hst-yearnav-ico { border-color: var(--color-primary); }
.hst-yearnav.is-open .hst-yearnav-ico { transform: rotate(-135deg); margin-top: 14px; }
.hst-yearnav-list { position: absolute; left: 0; top: calc(100% + 8px); z-index: 6; width: min(100%, 220px); max-height: 0; margin: 0; padding: 0; overflow: hidden; list-style: none; background: #fff; border-radius: 16px; box-shadow: 0 12px 40px rgba(44, 44, 44, 0.12); opacity: 0; visibility: hidden; transition: max-height 0.28s ease, opacity 0.22s ease, visibility 0.22s ease; }
.hst-yearnav.is-open .hst-yearnav-list { max-height: min(52vh, 420px); overflow-y: auto; opacity: 1; visibility: visible; padding: 8px 0; }
.hst-yearnav-list a { display: block; margin: 0; padding: 10px 20px; font-size: var(--font-size-20); font-weight: 600; line-height: 1.3; color: #2c2c2c !important; }
.hst-yearnav-list a:hover { color: var(--color-primary) !important; background: #f4f8fa; }
.hst-yearnav-list a.is-current { color: var(--color-primary) !important; }
.hst .info { width: 50%; }
.hst .info .wrap { margin-bottom: var(--padding-120); }
.hst .info .wrap:last-child { margin-bottom: 0; }
.hst.has-progress .info .wrap { margin-bottom: 0; }
.hst .info .group { margin-bottom: var(--padding-65); padding-left: var(--padding-80); }
.hst .info .group:last-child { margin-bottom: 0; }
.hst .info .group .year { font-size: var(--font-size-20); font-weight: 500; color: var(--color-primary); line-height: 1.5em; margin-bottom: 10px; }
.hst .info .group .subtxt { font-size: var(--font-size-24); font-weight: 500; color: #2c2c2c; line-height: 1.7;}
@keyframes hst-glow-pulse {
    0%, 100% { opacity: 0.85; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.18); }
}
@keyframes hst-dot-pulse {
    0%, 100% { filter: drop-shadow(0 0 6px rgba(0, 103, 149, 0.45)); }
    50% { filter: drop-shadow(0 0 14px rgba(0, 103, 149, 0.95)); }
}
@media (prefers-reduced-motion: reduce) {
    .hst-track-fill::after,
    .hst-dot { animation: none; }
}

.sub1_3_1 .topbg {margin-bottom: var(--padding-100); background: url(../images/sub/sub1_3_1-bg.jpg) no-repeat center center /cover; border-radius: 24px; padding: clamp(50px, calc( 140 / var(--inner) * 100vw ), 140px) 20px; text-align: center; }
.sub1_3_1 .topbg .name {display: block; margin-bottom: var(--padding-40); font-weight: 600; font-size: var(--font-size-16); line-height: 1.5; color: rgba(255, 255, 255, 0.50);  letter-spacing: 3.2px;}
.sub1_3_1 .topbg .text {font-size: var(--font-size-32); font-weight: 600; line-height: 1.43; color: #fff; letter-spacing: -0.02em;}

.vision-list {display: grid; grid-template-columns: repeat(4, 1fr); gap:15px 4px; flex-wrap: wrap;}
.vision-item {display: flex; flex-direction: column; gap: var(--padding-30); align-items: center; }
.vision-icon2 img {width:clamp(80px, calc( 160 / var(--inner) * 100vw ), 160px); }
.vision-content {display: flex; flex-direction: column; gap: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); align-items: center; text-align: center;}
.vision-title {font-size: var(--font-size-24); font-weight: 600; line-height: 1.42;}
.vision-desc {font-size: var(--font-size-18); font-weight: 400; line-height: 1.56; color: var(--color-body2);}

.sub1_3_2 {padding-top: var(--padding-40); border-top: 2px solid #2c2c2c;}

.philosophy-grid {display: flex; flex-direction: column; gap: 4px; padding-top: var(--padding-40);}
.philosophy-grid .flex-wid {flex: 1; border-radius: 16px; overflow: hidden; height: 100%;}
.philosophy-row {display: flex; gap: 4px; height: clamp(190px, calc( 290 / var(--inner) * 100vw ), 290px);}
.philosophy-card .inner { display: flex; flex-direction: column; justify-content: space-between;padding: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); background: #f6f6f6; border-radius: 16px; height: 100%;}
.philosophy-tag {display: inline-block; padding: 6px clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px); background: #fff; border: 1px solid #eee; border-radius: 500px; font-size: var(--font-size-14); font-weight: 600; line-height: 1.43; color: var(--color-body2); align-self: flex-start;}
.philosophy-title { font-size: var(--font-size-28); font-weight: 500; line-height: 1.5; }
.philosophy-image {position: relative; height: 100%; }
.philosophy-image img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.sub1_4 .img {margin-bottom: var(--padding-100); border-radius: 24px;overflow: hidden;}
.sub1_4 .textbx {letter-spacing: -0.02em;}
.sub1_4 .flxWrap {justify-content: space-between; gap: 25px;}
.sub1_4 .textbx .subtt {margin-bottom: 16px; font-size: var(--font-size-20); font-weight: 600; line-height: 1.7; color: var(--color-primary);}
.sub1_4 .textbx .tit {margin-bottom: var(--padding-40); font-size:var(--font-size-44); font-weight: 600; line-height: 1.22;}
.sub1_4 .titbx {flex: 1; }
.sub1_4 .titbx .dec {font-size:var(--font-size-20); font-weight: 400; line-height: 1.7; color: var(--color-body2);}
.sub1_4 .textbx .infobx {width: clamp(400px, calc( 680 / var(--inner) * 100vw ), 680px);}
.sub1_4 .infobx .item {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; padding: var(--padding-24) 0; border-bottom: 1px solid #eee;}
.sub1_4 .infobx .item .name {font-size:var(--font-size-16); font-weight: 600; line-height: 1.75; color: var(--color-body2);}
.sub1_4 .infobx .item .font-32 {font-size:var(--font-size-32); font-weight: 600; letter-spacing: -0.9px;}
.sub1_4 .infobx .item .value {font-size:var(--font-size-20); font-weight: 500; line-height: 1.66; text-align: right;}
.sub1_4 .inflx:not(:last-child) {margin-bottom: 8px;}
.sub1_4 .inflx {display: flex;align-items: center;justify-content: flex-end; gap: 10px; font-size: var(--font-size-20); font-weight: 500; line-height: 1.7;}
.sub1_4 .inflx .intt {color: #A8A8A8;}

.division-list {display: flex; flex-direction: column; gap: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}
.division-item {display: flex; flex-wrap: wrap; align-items: center;  gap: clamp(30px, calc( 120 / var(--inner) * 100vw ), 120px);}
.division-image {position: relative; width: clamp(300px, calc( 600 / var(--inner) * 100vw ), 600px); border-radius: 24px; overflow: hidden;}
.division-content {flex: 1; display: flex; flex-direction: column; gap: var(--padding-40);}
.division-title {font-size: var(--font-size-32); font-weight: 600; line-height: 1.44; color: var(--color-primary);}
.division-list-inner {display: flex; flex-direction: column; gap: clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px);}
.division-list-inner li {display: flex; font-size: var(--font-size-24); font-weight: 500; line-height: 1.67;}
.division-list-inner .num {display: block; flex: 1 0  clamp(35px, calc( 60 / var(--inner) * 100vw ), 60px);  max-width: clamp(35px, calc( 60 / var(--inner) * 100vw ), 60px);  color: #a8a8a8;}
.division-list-inner .text {color: #2c2c2c;}

.sub1_4_3 .toptitbx {text-align: right;}
.sub1_4_3 .flxWrap {flex-direction: row-reverse;}
.sub1_4_3 .titbx {text-align: right;}
.sub1_4_3 .girdflow-content {margin-top:var(--padding-100);}
.sub1_4_3 .girdflow-content .girdflow-in {width:  calc((100% - 1 * 10px) / 2); flex: none;}

.girdflow-item {display: flex; flex-direction: column; gap:10px;}
.girdflow-image {border-radius: 24px; overflow: hidden;}
.girdflow-item .imgbg {padding: var(--padding-80) var(--padding-30); background: #fff;   text-align: center;}
.girdflow-content {display: flex;flex-wrap: wrap; gap: 10px;}
.girdflow-content .girdflow-in {flex: 1; border-radius: 24px; overflow: hidden;}

.girdflow-content .inner {display: flex; flex-direction: column; gap: var(--padding-40); padding: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); background: #f6f6f6; border-radius: 24px; height: 100%; letter-spacing: -0.5px;}
.branch-badge {display: inline-flex; align-items: center;  align-self: flex-start; gap: 10px; padding: 6px; min-width: clamp(145px, calc( 159 / var(--inner) * 100vw ), 159px); background: var(--color-primary); border-radius: 500px; }
.badge-icon img {width: clamp(30px, calc( 36 / var(--inner) * 100vw ), 36px); ;}
.badge-text {font-size: var(--font-size-17); font-weight: 600; line-height: 1.41; color: #fff;}
.branch-info {display: flex; flex-direction: column; gap: clamp(8px, calc( 12 / var(--inner) * 100vw ), 12px); }
.branch-name {font-size: var(--font-size-44); font-weight: 600; line-height: 1.22; }
.branch-address {font-size: var(--font-size-20); font-weight: 400; line-height: 1.7; color: var(--color-body2);}
.branch-contact {display: flex; flex-direction: column; gap: 8px;}
.contact-item {display: flex; align-items: center; gap: 12px; font-size: var(--font-size-20); font-weight: 500; line-height: 1.7;}
.contact-label {color: #a8a8a8;}


.location-area {display: flex; flex-direction: column; gap: var(--padding-60);}
.location-info {display: flex; flex-direction: column; gap: var(--padding-40);}
.location-header {display: flex; flex-direction: column; gap: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px);}
.location-title {font-size: var(--font-size-44); font-weight: 600; line-height: 1.22; }
.location-address {font-size: var(--font-size-20); font-weight: 400; line-height: 1.7; color: var(--color-body2);}
.location-contact {display: flex; align-items: center; gap: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px); padding-top: var(--padding-30); border-top: 2px solid #eee;}
.contact-box {display: flex; align-items: center; gap: 12px;}
.contact-icon img {width: clamp(30px, calc( 48 / var(--inner) * 100vw ), 48px); }
.contact-text {font-size: var(--font-size-24); font-weight: 500; line-height: 1.66; }
.location-map {position: relative; }
.location-map .map {display: grid;grid-template-columns: repeat(2,1fr); gap: 10px;}
.location-map .iframebx {width: 100%;height:clamp(250px, calc( 472 / var(--inner) * 100vw ), 472px) !important;border-radius: 24px; overflow: hidden;}
.location-map .iframebx iframe ,
.location-map .iframebx img {width: 100%; height: 100%; object-fit: cover;}

.tabwrap {margin-bottom: var(--padding-100); box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; padding: 10px; background: #FAFAFA;border-radius: 500px; border: 1px solid #EEE; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
.tabwrap .tablist {display: flex; flex-wrap: nowrap; margin: 0; padding: 0; list-style: none; width: max-content; max-width: none; width: 100%;}
.tabwrap .tabitem {flex: 1; height: auto; box-sizing: border-box;}
.tabwrap .tablink {display: flex;align-items: center;justify-content: center;padding: clamp(8px, calc( 14 / var(--inner) * 100vw ), 14px) 30px; font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 500; color: #A8A8A8; border-radius: 500px; letter-spacing: -0.4px; text-align: center; white-space: nowrap;} 
.tabwrap .tabitem.active .tablink {background: #121212; color: #fff;}

.sub2_topwrap .img {margin-bottom: var(--padding-70); overflow: hidden; border-radius: 24px;}
.sub2_topwrap .content {display: flex; gap: 25px;  flex-wrap: wrap;}
.sub2_topwrap .content-left {flex: 1; display: flex; flex-direction: column; gap: var(--padding-40); }
.sub2_topwrap .content-header {display: flex; flex-direction: column; gap: clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px);}
.sub2_topwrap .content-icon img {width:clamp(35px, calc( 48 / var(--inner) * 100vw ), 48px); height: auto;}
.sub2_topwrap .content-title {font-size: var(--font-size-44); font-weight: 600; line-height: 1.22; }
.sub2_topwrap .content-desc {font-size: var(--font-size-20); line-height: 1.7; color: var(--color-body2)}
.sub2_topwrap .content-right {width: clamp(350px, calc( 650 / var(--inner) * 100vw ), 650px); display: flex; flex-direction: column; gap: 10px; }
.sub2_topwrap .strength-card {display: flex; flex-direction: column; gap: clamp(18px, calc( 34 / var(--inner) * 100vw ), 34px); padding: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); border: 1px solid #eee; border-radius: 16px;}
.sub2_topwrap .strength-header {display: flex; flex-direction: column; gap: clamp(8px, calc( 12 / var(--inner) * 100vw ), 12px);}
.sub2_topwrap .strength-label {font-size: var(--font-size-18); font-weight: 500; line-height: 1.55; color: var(--color-primary);}
.sub2_topwrap .strength-title {font-size: var(--font-size-20); line-height: 1.78; font-weight: 400;}
.sub2_topwrap .strength-title +  .strength-title {padding-top: 12px;}
.sub2_topwrap .strength-info {display: flex; flex-direction: column; gap: clamp(18px, calc( 34 / var(--inner) * 100vw ), 34px);}
.sub2_topwrap .info-item {display: flex; flex-direction: column; gap: clamp(6px, calc( 8 / var(--inner) * 100vw ), 8px);font-size: var(--font-size-18); line-height: 1.55; color: var(--color-body2);} 
.sub2_topwrap .info-label {font-weight: 500;  color: #a8a8a8;}


.mold7-pdfrow {display: flex; align-items: stretch; flex-wrap: wrap; gap: clamp(10px, calc(16 / var(--inner) * 100vw), 16px); margin-top: var(--padding-40);}
.mold7-pdfrow .mainmorebx {margin-top: 0; flex-shrink: 0;}
.mold7-pdf-select {flex: 1; min-width: clamp(140px, 38vw, 160px); box-sizing: border-box; padding: 0 clamp(14px, calc(20 / var(--inner) * 100vw), 20px); height: clamp(42px, calc(80 / var(--inner) * 100vw), 80px) !important; font-size: var(--font-size-18); font-weight: 500; line-height: 1.4; color: #2c2c2c; background-color: #fff; border: 1px solid #ddd; border-radius: 8px; cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23676767' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right clamp(12px, calc(18 / var(--inner) * 100vw), 18px) center; padding-right: clamp(36px, calc(44 / var(--inner) * 100vw), 44px);}
.mold7-pdf-select:focus {outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 2px rgba(0, 86, 112, 0.12);}
.mold7-pdf-select option {color: #2c2c2c; background: #fff;}

.one-page {position: relative;}
.one-page .one-page-nav {position: absolute; top: var(--padding-140); left: clamp(5px, calc( 50 / var(--inner) * 100vw ), 50px); z-index: 10; width: 180px;}
.one-page-nav.fixed {position: fixed; top: clamp(90px, calc( 150 / var(--inner) * 100vw ), 150px);}
.one-page .one-page-nav.ty2 {top: 20px;}
.one-page-nav.ty2.fixed {position: fixed; top: clamp(90px, calc( 150 / var(--inner) * 100vw ), 150px);}
.space-menu {display: flex;flex-direction: column;gap:16px;}
.space-menu .space-li a {display: inline-block; position: relative; font-size: var(--font-size-15); font-weight: 500; line-height: 1.33; color: #ccc; letter-spacing: -0.7px;}
.space-menu .space-li a:after {position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 9px; height: 9px; background: var(--color-primary); border-radius: 50%; opacity: 0;}
.space-menu .space-li.active a {padding-left:15px; color: #2C2C2C;}
.space-menu .space-li.active a:after {opacity: 1;}
.space-menu.ty2 .space-li a:after {background: var(--color-secondary);}


.one-page .contain2 {max-width: 1460px; margin: 0 auto; padding-left:  var(--container-space); padding-right: var(--container-space);}
.galleryview-item {display: flex;flex-wrap: wrap; gap: var(--padding-10);}
.galleryview-item .bdrs {border-radius:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); overflow: hidden;}
.galleryview-image {width: clamp(300px, calc( 695 / var(--inner) * 100vw ), 695px);}
.galleryview-image .imgbx {position:relative; padding-bottom:103.59%; overflow:hidden; height: 100%;}
.galleryview-image .imgbx img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;border-radius:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); overflow: hidden;}
.galleryview-item .galleryview-right {flex: 1; display: flex;flex-direction: column;gap:var(--padding-10);}
.galleryview-item .imgtop .images {position:relative; padding-bottom:61.87%; overflow:hidden;}
.galleryview-item .imgtop .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;border-radius:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); overflow: hidden;}
.galleryview-item .galleryview-content {padding: var(--padding-30); background: var(--color-primary); color: #fff ; letter-spacing: -0.6px;}
.galleryview-content .galleryview-in {display: flex;justify-content: space-between; align-items: flex-end; gap: var(--padding-45); height: 100%;}
.galleryview-content .icn {display: flex;align-items: center;justify-content: center; margin-bottom:clamp(15px, calc( 34 / var(--inner) * 100vw ), 34px); width:clamp(40px, calc( 64 / var(--inner) * 100vw ), 64px); height: clamp(40px, calc( 64 / var(--inner) * 100vw ), 64px); border-radius: 12px; background: rgba(255, 255, 255, 0.08);}
.galleryview-content .icn img {width:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.galleryview-content .title {font-size: var(--font-size-28); font-weight: 500; line-height: 1.5;}
.galleryview-content .desc {margin-top: var(--padding-24); font-size: var(--font-size-18); line-height: 1.5;}
.galleryview-item .morebx {margin-top: 0;}
.galleryview-item .btn-more {display: flex;align-items: center; justify-content: flex-end; gap:var(--padding-30); color: #fff;}
.galleryview-item .btn-more .txt {font-size:var(--font-size-20); font-weight: 500;}
.galleryview-item .btn-more svg {width: clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px);}
.galleryview-hidden {position: absolute; width: 0; height: 0; overflow: hidden; opacity: 0; visibility: hidden;}
/* 260706 비즈니스 수정 */
.galleryview-item.ty1 {display: flex; flex-wrap: nowrap; gap: var(--padding-10);}
.galleryview-item.ty1 .galleryview-col {flex: 1; min-width: 0; border: 1px solid #dfdfdf; border-radius: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); overflow: hidden; background: #fff; text-decoration: none; color: inherit;}
.galleryview-item.ty1 .galleryview-col .imgbx {position: relative; padding-bottom: 54.68%; overflow: hidden; background: #fff;}
.galleryview-item.ty1 .galleryview-col .imgbx img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 86%; max-height: 86%; object-fit: contain;}
.galleryview-item.ty1 .galleryview-thumb {display: block; position: relative; width: 100%; border: 0; padding: 0; margin: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; border: 1px solid #ddd; border-radius: 16px;}
.galleryview-item.ty1 .galleryview-thumb:focus-visible {outline: 2px solid var(--color-primary); outline-offset: -2px;}
.galleryview-item.ty1 .galleryview-icn {display: flex; align-items: center; justify-content: center; position: absolute; right: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); bottom: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); z-index: 5; width: clamp(35px, calc( 72 / var(--inner) * 100vw ), 72px); height: clamp(35px, calc( 72 / var(--inner) * 100vw ), 72px); border-radius: 8px; background: var(--color-primary); opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s;}
.galleryview-item.ty1 .galleryview-icn svg {width: clamp(12px, calc( 24 / var(--inner) * 100vw ), 24px); height: clamp(12px, calc( 24 / var(--inner) * 100vw ), 24px);}
.galleryview-item.ty1 .galleryview-thumb:hover .galleryview-icn,
.galleryview-item.ty1 .galleryview-thumb:focus-visible .galleryview-icn {opacity: 1; visibility: visible;}
.galleryview-fancy-popup {max-width:1000px; width: 100%; box-sizing: border-box;}
.galleryview-fancy-popup .galleryview-fancy-main {margin-bottom: 16px; border-radius: 10px; overflow: hidden; background: #eee;}
.galleryview-fancy-popup .galleryview-fancy-main .swiper-slide {display: block; background: #eee;}
.galleryview-fancy-popup .galleryview-fancy-main .imgbx {position: relative; padding-bottom: 62.5%; overflow: hidden; background: #eee; border: 1px solid #ddd; border-radius: 10px;}
.galleryview-fancy-popup .galleryview-fancy-main .imgbx img {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: auto; max-width: 100%; min-height: 100%; object-fit: contain;}
.galleryview-fancy-popup .galleryview-fancy-thumbs-wrap {position: relative; padding: 0 clamp(38px, calc( 48 / var(--inner) * 100vw ), 48px); overflow: hidden;}
.galleryview-fancy-popup .galleryview-fancy-thumbs {width: 100%; overflow: hidden;}
.galleryview-fancy-popup .galleryview-fancy-thumbs .swiper-slide {width: auto; overflow: hidden; box-sizing: border-box; cursor: pointer; }
.galleryview-fancy-popup .galleryview-fancy-thumbs .swiper-slide-thumb-active .imgbx:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:2px solid var(--color-primary); border-radius: 10px;} 
.galleryview-fancy-popup .galleryview-fancy-thumbs .imgbx {position: relative; padding-bottom: 62.5%; overflow: hidden; background: #eee;border: 1px solid #ddd; border-radius: 10px;}
.galleryview-fancy-popup .galleryview-fancy-thumbs .imgbx img {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: auto; max-width: 100%; min-height: 100%; object-fit: contain;}
.galleryview-fancy-popup .galleryview-fancy-nav {position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; display: flex; align-items: center; justify-content: center; width: clamp(30px, calc( 36 / var(--inner) * 100vw ), 36px); height: auto; aspect-ratio: 1/1; border: 0; border-radius: 50%; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.12); color: #333; font-size: 18px; line-height: 1; cursor: pointer;}
.galleryview-fancy-popup .galleryview-fancy-nav.swiper-button-disabled {opacity: 0.35; cursor: default;}
.galleryview-fancy-popup .galleryview-fancy-prev {left: 0;}
.galleryview-fancy-popup .galleryview-fancy-next {right: 0;}
.fancybox-wrap.galleryview-fancy-wrap .fancybox-skin {background: #fff; border-radius: 16px; padding: 20px !important;}
.fancybox-wrap.galleryview-fancy-wrap .fancybox-close {top: -12px; right: -12px;}
.fancybox-inner {height:  auto !important;}

.galleryview-item.lightGallery {position: relative;}
.lg-thumb-item {width: 96px !important; height: 61px !important; overflow: hidden;}
.lg-thumb-item img {width: 100% !important; height: 100% !important; object-fit: cover;}
.galleryview-item .galleryview-thumb {display: block; position: relative; color: inherit; text-decoration: none; outline-offset: 2px; cursor: pointer;}
.galleryview-item .galleryview-thumb:focus-visible {outline: 2px solid var(--color-primary);}
.galleryview-item .galleryview-image.bdrs {border: 1px solid #dfdfdf; background: #fff;}
.galleryview-item .imgtop {border: 1px solid #dfdfdf; border-radius: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); overflow: hidden; background: #fff;}
.galleryview-item .galleryview-icn {display: flex; align-items: center; justify-content: center; position: absolute; right: 16px; bottom: 16px; z-index: 5; width: clamp(48px, calc( 72 / var(--inner) * 100vw ), 72px); height: clamp(48px, calc( 72 / var(--inner) * 100vw ), 72px); border-radius: 8px; background: var(--color-primary); opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s;}
.galleryview-item .galleryview-icn svg {width: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); height: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px);}
.galleryview-item .galleryview-thumb:hover .galleryview-icn,
.galleryview-item .galleryview-thumb:focus-visible .galleryview-icn {opacity: 1; visibility: visible;}

.galleryview-item.ty2 .galleryview-image {width:clamp(300px, calc( 560 / var(--inner) * 100vw ), 560px) ;}
.galleryview-item.ty2 .galleryview-image .imgbx {padding-bottom:75%; height: 100%;}
.galleryview-item.ty2 .galleryview-image .btn-more {padding: var(--padding-24); position: absolute; right:16px; bottom: 16px; z-index: 5; border-radius: 8px;background: rgba(255, 255, 255, 0.16);  backdrop-filter: blur(12px);}
.galleryview-item.ty2 .galleryview-content {background: #fff; color: #2c2c2c;}
.galleryview-item.ty2 .galleryview-content .title2 {color: var(--color-primary); font-size: var(--font-size-18); font-weight: 500; line-height: 1.55;}
.galleryview-item.ty2 .galleryview-content .bulletitem2 {font-size:var(--font-size-20); line-height: 1.7;}
.galleryview-item.ty2 .galleryview-content .bulletitem2:not(:first-child) {margin-top: var(--padding-24);}
.galleryview-item.reverse {flex-direction: row-reverse;}
.galleryview-item.reverse .galleryview-content {background: #F6F6F6 !important;}

.galleryview-item.ty3 .galleryview-content {flex: 1; height: initail; background: #fff; color: #2c2c2c;}
.galleryview-item.ty3 .galleryview-content .icn {background: #F6F6F6;}
.galleryview-item.ty3 .btn-more {color: #A8A8A8;}
.galleryview-item.ty3 .btn-more path {stroke:#A8A8A8;}
.scollbx:not(.bg-gray) .galleryview-item.ty3 .galleryview-content {background: #F6F6F6; }
.scollbx.bg-gray .galleryview-item.ty3 .galleryview-content  {background: #fff !important;}



.galleryview-item.ty4 .galleryview-content .galleryview-in {flex: 1; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 8px; min-height: 0;}
.galleryview-item.ty4 .equip-info-top {display: flex; flex-direction: column; flex: 1;  gap: var(--padding-50); min-height: 0; width: 100%;}
.galleryview-item.ty4 .equip-info-head {display: flex; flex-direction: column; align-items: flex-start; gap: var(--padding-24);}
.galleryview-item.ty4 .equip-info-badge {display: inline-flex; align-items: center; justify-content: center; padding: 4px 8px; background: #eee; border-radius: 500px; font-size: var(--font-size-13); font-weight: 600; line-height: 1.23; color: var(--color-primary); letter-spacing: -0.02em;}
.galleryview-item.ty4 .equip-info-title {margin: 0; font-size: clamp(22px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight: 500; line-height: 1.5; color: #2c2c2c; letter-spacing: -0.02em;}
.galleryview-item.ty4 .equip-info-meta {display: flex; flex-direction: column; align-items: flex-start; gap: var(--padding-30); width: 100%;}
.galleryview-item.ty4 .equip-info-row {display: flex; flex-direction: column; align-items: flex-start; gap: 8px; width: 100%;}
.galleryview-item.ty4 .equip-info-label {font-size: var(--font-size-20); font-weight: 500; line-height: 1.7; color: #878787; letter-spacing: -0.02em;}
.galleryview-item.ty4 .equip-info-value {margin: 0; font-size: var(--font-size-24); font-weight: 400; line-height: 1.5; color: #505050; letter-spacing: -0.02em;}
.galleryview-item.ty4 .btn-more {color: #a8a8a8;}
.galleryview-item.ty4 .btn-more path {stroke: #a8a8a8;}

.one-page.ty2 .galleryview-image {width:clamp(500px, calc( 1000 / var(--inner) * 100vw ), 1000px) ;}
.one-page.ty2 .galleryview-content {flex: 1;}
.one-page.ty2 .galleryview-image .imgbx {padding-bottom: 56%;}
.one-page.ty2 .galleryview-content .galleryview-in {flex-direction: column; align-items: flex-start;}
.one-page.ty2 .bottombx {width: 100%; text-align: right;}
.one-page.ty2 .galleryview-content {background:#F6F6F6;}
.one-page.ty2 .bg-gray .galleryview-content {background:#fff;}


.one-page.ty3 .galleryview-image {width:clamp(350px, calc( 730 / var(--inner) * 100vw ), 730px) ;}
.one-page.ty3 .galleryview-content {flex: 1;}
.one-page.ty3 .galleryview-image .imgbx {padding-bottom: 76.71%;}
.one-page.ty3 .galleryview-content .galleryview-in {flex-direction: column; align-items: flex-start;}
.one-page.ty3 .bottombx {width: 100%; text-align: right;}
.one-page.ty3 .galleryview-item .btn-more {color: #A8A8A8;}
.one-page.ty3 .galleryview-item .galleryview-content {background: #F6F6F6;}
.one-page.ty3 .bg-gray .galleryview-item .galleryview-content {background: #fff;}

.one-page.ty4 .galleryview-content {flex: 1;}
.one-page.ty4 .galleryview-content .galleryview-in {flex-direction: column; align-items: flex-start;}



.prdtable-wrap {margin-top: var(--padding-40);}
.prdtable {width: 100%; border-top: 2px solid #2c2c2c; border-collapse: collapse;}
.prdtable th ,
.prdtable td {padding: clamp(12px, calc( 18 / var(--inner) * 100vw ), 18px) clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px); line-height: 1.5; text-align: left; border-bottom: 1px solid #ddd; border-right: 1px solid #DFDFDF;}
.prdtable th {font-weight: 500; line-height: 1.55; color: #2c2c2c; text-align: center; font-weight: 500; color: #676767; background: #FAFAFA;}

.process-content {display: flex; gap: 10px;  flex-wrap: wrap;}
.process-images {display: flex; flex-direction: column; gap: 10px;  width: clamp(340px, calc( 695 / var(--inner) * 100vw ), 695px);}
.process-image-item {position: relative; border-radius: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); overflow: hidden;}
.process-info {flex: 1; background: #f6f6f6; padding: var(--padding-30); border-radius:  clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); display: flex; flex-direction: column; justify-content: space-between; gap: 25px;}
.process-header {display: flex; flex-direction: column; gap: var(--padding-40);}
.process-title {font-size: var(--font-size-44); font-weight: 600; line-height: 1.23; }
.process-desc {font-size: var(--font-size-20); line-height: 1.7; color: var(--color-body2);}
.process-grid-row {display: grid; grid-template-columns: repeat(3 , 1fr); gap: 4px; }
.process-card {background: #fff; padding: 12px; border-radius: 16px; display: flex; flex-direction: column; justify-content: space-between; gap: var(--padding-24); min-height:  clamp(110px, calc( 148 / var(--inner) * 100vw ), 148px);}
.process-number {width: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); height: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); background: #dceaf0; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-weight: 600; line-height: 1.5; color: var(--color-primary);}
.process-card-title {font-size: var(--font-size-24); font-weight: 500; line-height: 1.25; }

.process-flow {border-top: 2px solid #2C2C2C; letter-spacing: -0.6px;}
.process-flow-item {display: flex; align-items: center;justify-content: space-between; gap: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); position: relative; padding: clamp(25px, calc( 50 / var(--inner) * 100vw ), 50px) var(--padding-30); border-bottom: 1px solid #ddd;}
.process-flow-item:not(:last-child) .process-flow-number::after {content: ''; position: absolute; left: clamp(23px, calc( 42 / var(--inner) * 100vw ), 42px); bottom: clamp(-20px, calc( -20 / var(--inner) * 100vw ), -17px); width: clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px); height: clamp(25px, calc( 40 / var(--inner) * 100vw ), 40px); background: url(/images/sub/sub-arrow.png) no-repeat center center / contain;}
.process-flow-numberbx {display: flex; align-items: center; gap:var(--padding-24); width: clamp(200px, calc( 640 / var(--inner) * 100vw ), 640px); }
.process-flow-number {width: clamp(35px, calc( 56 / var(--inner) * 100vw ), 56px); height: clamp(35px, calc( 56 / var(--inner) * 100vw ), 56px); background: #7FB2CA; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: var(--font-size-18); font-weight: 600; line-height: 1.5; color: #fff;}
.process-flow-title {font-size: var(--font-size-28); font-weight: 500; line-height: 1.5;}
.process-flow-item:nth-child(2) .process-flow-number {background: #5197B6; }
.process-flow-item:nth-child(3) .process-flow-number {background: #227BA3; }
.process-flow-item:nth-child(4) .process-flow-number {background: #005880; }
.process-flow-item:nth-child(5) .process-flow-number {background: #003D58; }
.process-flow-item:nth-child(6) .process-flow-number {background: #002A3D;}

.process-flow-content {flex: 1; display: flex; flex-direction: column; gap: var(--padding-40);}
.process-flow-desc {font-size: var(--font-size-20); font-weight: 400; line-height: 1.7; color: var(--color-body2); }
.process-flow-desc .bullet {position: relative; padding-left: clamp(15px, calc( 22 / var(--inner) * 100vw ), 22px);}
.process-flow-desc .bullet::before {content: ''; position: absolute; left: 0; top: 11px; width: clamp(6px, calc( 14 / var(--inner) * 100vw ), 14px); height: clamp(6px, calc( 14 / var(--inner) * 100vw ), 14px); background: #eee; border-radius: 50%;}

.overview-process {display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; width: 100%;  letter-spacing: -0.02em;}
.overview-process-col {width:  calc((100% - 5 * 10px) / 6); display: flex; flex-direction: column; align-items: center; gap: var(--padding-24);}
.overview-process-ring {box-sizing: border-box; width: 100%; max-width: clamp(160px, calc( 225 / var(--inner) * 100vw ), 225px); aspect-ratio: 1; margin: 0 auto; padding: 10px; border: 1px solid #006795; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.overview-process-inner {box-sizing: border-box; width: 100%; aspect-ratio: 1; max-height: 100%; border-radius: 50%; background: #dceaf0; display: flex; flex-direction: column; align-items: center; gap: 16px; padding: clamp(20px, calc( 34 / var(--inner) * 100vw ), 34px) 10px 16px;}
.overview-process-num {flex-shrink: 0; width: clamp(30px, calc( 56 / var(--inner) * 100vw ), 56px); height: clamp(30px, calc( 56 / var(--inner) * 100vw ), 56px); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: var(--font-size-18); font-weight: 600; line-height: 1.56; color: #fff;}
.overview-process-col:nth-child(1) .overview-process-num {background: #7fb2ca;}
.overview-process-col:nth-child(2) .overview-process-num {background: #5197b6;}
.overview-process-col:nth-child(3) .overview-process-num {background: #227ba3;}
.overview-process-col:nth-child(4) .overview-process-num {background: #005880;}
.overview-process-col:nth-child(5) .overview-process-num {background: #003d58;}
.overview-process-col:nth-child(6) .overview-process-num {background: #002a3d;}
.overview-process-heading {margin: 0; font-size: var(--font-size-24); font-weight: 500; line-height: 1.33; color: #2c2c2c; text-align: center; letter-spacing: -0.48px;}
.overview-process-notes {display: flex; flex-direction: column; align-items: center; gap: 16px; width: 100%;}
.overview-process-snippet {display: flex; flex-direction: column; align-items: center; gap: 4px; width: 100%;}
.overview-process-snippet--solo {max-width: 100%;}
.overview-process-dot {flex-shrink: 0; width: 6px; height: 6px; border-radius: 500px; background: #00679540;}
.overview-process-txt {margin: 0; font-size: var(--font-size-20); font-weight: 400; line-height: 1.5; color: var(--color-body2); text-align: center; letter-spacing: -0.8px;}

.sub3_2_1 {padding-top: 50px; max-width: 1820px; margin: 0 auto;}
.sub3_2_1 .imgbg .bg {display: flex;align-items: center; padding: 0 clamp(20px, calc( 210 / var(--inner) * 100vw ), 210px); background: url(../images/sub/sub3_2_1-img.jpg) no-repeat center center / cover; border-radius: 24px; overflow: hidden; height: clamp(300px, calc( 854 / var(--inner) * 100vw ), 854px);}
.sub3_2_1 .imgbg .text {color: #fff; font-size:var(--font-size-54); font-weight: 600;}

.equipment-flow {display: flex; flex-wrap: wrap; gap:var(--padding-100); padding: var(--padding-30); background: #F6F6F6; border-radius: 16px;}
.equipment-card {display: flex; align-items: center;justify-content: center; flex-direction: column; flex: 1; background: #fff; padding: 30px 15px; border-radius: 16px; position: relative;text-align: center; letter-spacing: -0.6px; height: clamp(120px, calc( 186 / var(--inner) * 100vw ), 186px);}
.equipment-card:not(:last-child)::after {content: ''; position: absolute; right: clamp(-90px, calc( -90 / var(--inner) * 100vw ), -40px); top: 50%; transform: translateY(-50%); width: clamp(50px, calc( 109 / var(--inner) * 100vw ), 109px); height: clamp(17px, calc( 36 / var(--inner) * 100vw ), 36px); background: url(/images/sub/plus-arrow.png) no-repeat center center / contain; z-index: 1;}
.equipment-title {font-size: var(--font-size-20); font-weight: 500; line-height: 1.7;  margin-bottom: 4px;}
.equipment-subtitle {font-size: var(--font-size-18); font-weight: 500; line-height: 1.67; color: #A8A8A8; line-height: 1.55;} 

.gallery-grid {display: grid; grid-template-columns: repeat(2 , 1fr); gap:var(--padding-40);}
.gallery-row {display: flex; flex-wrap: wrap;} 

.gallery-row .imgbx {width: clamp(200px, calc( 250 / var(--inner) * 100vw ), 250px);}
.gallery-row .images { position:relative; padding-bottom:100%; border-radius: 16px; overflow: hidden; height: 100%;}
.gallery-row .images img { position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.gallery-row .cardbx {flex: 1; padding:var(--padding-30); display: flex; flex-direction: column; justify-content: center; gap: var(--padding-24); background: #fff; border-radius: 16px;}
.gallery-row .title {font-size:var(--font-size-24); font-weight: 500; line-height: 1.66; letter-spacing: -0.5px;}
.gallery-row .title .badge {display: inline-flex; align-items: center;justify-content: center; padding:4px 8px; margin-left: 10px; margin-bottom: 3px; background: #eee; border-radius: 500px; font-size: var(--font-size-13); line-height:1.23; font-weight: 600; color: var(--color-primary);}
.gallery-row .textinfo {display: flex;flex-direction: column;gap:clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px) ;}
.gallery-row .item {display: flex; gap: var(--padding-20); line-height: 1.5; letter-spacing: -0.5px; color: var(--color-body);}
.gallery-row .item .name {font-weight: 500; color: #878787;}
.gallery-row .top .item {flex-direction: column; gap: 4px;}
.gallery-row .item + .item {margin-top: 10px;}
.scollbx:not(.bg-gray) .gallery-row .cardbx {background: #F6F6F6;}


.research-box {display: flex; flex-direction: column; gap: var(--padding-80);}
.research-badge {background: #dceaf0; padding: clamp(4px, calc( 8 / var(--inner) * 100vw ), 8px) clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px); border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; margin-bottom: clamp(32px, calc( 46 / var(--inner) * 100vw ), 46px);}
.research-badge p {font-size: var(--font-size-18); font-weight: 500; line-height: 1.5; color: var(--color-primary); letter-spacing: -0.36px; }
.research-images {display: flex; gap: var(--padding-10);}
.research-item {flex: 1;}
.research-item:nth-child(2) {transform: translateY(clamp(-40px, calc( -40 / var(--inner) * 100vw ), -20px));}
.research-item:nth-child(3) {transform: translateY(clamp(-90px, calc( -90 / var(--inner) * 100vw ), -40px));}
.research-text {display: flex; flex-direction: column; gap: var(--padding-24); font-size: var(--font-size-20); font-weight: 400; line-height: 1.7; color: var(--color-body2); letter-spacing: -0.4px;}
.research-image-wrap {border-radius: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); overflow: hidden; position: relative;}
.research-image-wrap:hover .research-image-overlay {background: var(--color-primary);}
.research-image-wrap:hover .research-image-overlay path {stroke: #fff;}

.research-image-overlay {display: inline-flex;align-items: center;justify-content: center; position: absolute; right:var(--padding-20); top: var(--padding-20); width: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); height: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); border-radius: 50%; background: #fff;}

.research-images .lightGallery .research-image-wrap.galleryview-in {display: block; color: inherit; text-decoration: none; outline-offset: 2px;}
.research-images .lightGallery .research-image-wrap.galleryview-in:focus-visible {outline: 2px solid var(--color-primary);}
.research-images .lightGallery .research-image img {display: block; width: 100%; height: auto;}

.vision-flow {display: flex; align-items: center; gap: clamp(30px, calc( 130 / var(--inner) * 100vw ), 130px); }
.vision-card {padding: 20px; aspect-ratio: 1; background: linear-gradient(to bottom, #ffffff, #f6f6f6); border: 1px solid #eee; border-radius: 50%; display: flex; flex-direction: column; gap: var(--padding-40); align-items: center; justify-content: center; flex: 1; position: relative;}
.vision-card:nth-child(1) {border-color: #dfdfdf;}
.vision-card:not(:last-child)::after {content: ''; position: absolute; right: clamp(-90px, calc( -90 / var(--inner) * 100vw ), -38px); top: 50%; transform: translateY(-50%); width: clamp(25px, calc( 60 / var(--inner) * 100vw ), 60px); height: clamp(13px, calc( 32 / var(--inner) * 100vw ), 32px); background: url(/images/sub/next-arrow.png) no-repeat center center / contain; z-index: 1;}
.vision-label {font-size: var(--font-size-16); font-weight: 500; line-height: 1.5; letter-spacing: -0.32px; margin: 0;}
.vision-card:nth-child(1) .vision-label {color: #7fb2ca;}
.vision-card:nth-child(2) .vision-label {color: #3a89ad;}
.vision-card:nth-child(3) .vision-label {color: #005880;}
.vision-content {display: flex; flex-direction: column; gap: var(--padding-24); align-items: center;}
.vision-icon img {width: clamp(32px, calc( 64 / var(--inner) * 100vw ), 64px); }
.vision-text {font-size: var(--font-size-22); font-weight: 500; line-height: 1.45;text-align: center; letter-spacing: -0.44px;}

.core-grid {overflow: hidden; border-radius: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px);}
.core-grid .core-head {padding:var(--padding-30) 15px; background: #E2F0F6; text-align: center;}
.core-grid .core-head .txt {font-size: var(--font-size-28); font-weight: 600; line-height: 1.5; letter-spacing: -0.5px; background: linear-gradient(90deg, #5197B6 0%, #004665 100%);  background-clip: text;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.core-grid .core-body {padding:var(--padding-90) 10px var(--padding-24); background: #F3F8FA;text-align: center;} 

.sub4_2-topimg {overflow: hidden; border-radius: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px);}
.sub4_2-topimg img {width: 100%; height: auto; display: block; aspect-ratio: 1420 / 550; object-fit: cover;}

.competitiveness-content {display: flex; gap: var(--padding-40); flex-wrap: wrap;}
.competitiveness-left {display: flex; flex-direction: column; justify-content: space-between; width: clamp(300px, calc( 680 / var(--inner) * 100vw ), 680px);  letter-spacing: -0.88px;}
.competitiveness-title {font-size: var(--font-size-44); font-weight: 600; line-height: 1.36; }
.competitiveness-images {display: flex; flex-direction: column; gap: 10px;}
.competitiveness-image-item img { border-radius: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); overflow: hidden; ;}
.competitiveness-right {flex: 1;  letter-spacing: -0.5px;}
.competitiveness-item {border-bottom: 1px solid #eee; padding: clamp(17px, calc( 34 / var(--inner) * 100vw ), 34px) 0;}
.competitiveness-item:first-child {padding-top: 0;}
.competitiveness-item-title {font-size: var(--font-size-24); font-weight: 600; color: var(--color-primary); line-height: 1.66; margin-bottom: clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px) ;}
.competitiveness-item-desc {font-size: var(--font-size-18);  line-height: 1.55; color: var(--color-body2);} 

.sub4_2_2_2-list {display: flex;flex-direction: column;gap: clamp(17px, calc( 34 / var(--inner) * 100vw ), 34px);}
.sub4_2_2_2-item {display: flex;align-items: center; flex-wrap: wrap;gap:var(--padding-50);}
.sub4_2_2_2-item .imgbx {width: clamp(300px, calc( 460 / var(--inner) * 100vw ), 460px);}
.sub4_2_2_2-item .imgbx .lightGallery {display: block; width: 100%;}
.sub4_2_2_2-item .imgbx .galleryview-in {display: block; color: inherit; text-decoration: none; outline-offset: 2px;}
.sub4_2_2_2-item .imgbx .galleryview-in:focus-visible {outline: 2px solid var(--color-primary);}
.sub4_2_2_2-item .imgbx img {display: block; width: 100%; height: auto; border-radius: var(--padding-24);}
.sub4_2_2_2-item .textbx {flex: 1; letter-spacing: -0.5px;}
.sub4_2_2_2-item .textbx .title {margin-bottom: var(--padding-24); font-size:var(--font-size-24); font-weight: 600; color: var(--color-primary); line-height: 1.66;}
.sub4_2_2_2-item .desc-item {padding-left:clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); position: relative; font-size:var(--font-size-18); line-height: 1.55;}
.sub4_2_2_2-item .desc-item .bulletitem2 {font-size: var(--font-size-16); font-weight: 400; color: var(--color-body2); line-height: 1.5;}
.sub4_2_2_2-item .desc-item:after {position: absolute; content: ''; left: 0; top: 6px; width: clamp(0px, calc( 16 / var(--inner) * 100vw ), 16px); height: clamp(0px, calc( 16 / var(--inner) * 100vw ), 16px); background: url(../images/sub/arrow2.png) no-repeat 50% 50% / contain;}
.sub4_2_2_2-item .desc-item:not(:first-child) {margin-top: var(--padding-12);}
.sub4_2_2_2-item .lightGallery {position: relative;}

.sub4_2_2_2-imglist {display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
.sub4_2_2_2-imglist .lightGallery {display: block; width: 100%;}
.sub4_2_2_2-imglist .galleryview-in {display: block; color: inherit; text-decoration: none; outline-offset: 2px;}
.sub4_2_2_2-imglist .galleryview-in:focus-visible {outline: 2px solid var(--color-primary);}
.sub4_2_2_2-imgitem {overflow: hidden; border-radius: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px);}
.sub4_2_2_2-imglist img {display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px);}

.lightGallery {position: relative;}
.lightGallery:hover .research-image-overlay {background: var(--color-primary);}
.lightGallery:hover .research-image-overlay path {stroke: #fff;}

.sub4_2_2_3-table {border-top: 2px solid #2c2c2c; overflow: hidden; letter-spacing: -0.5px;}
.sub4_2_2_3-row {display: grid; grid-template-columns: repeat(5, 1fr); border-bottom: 1px solid #dfdfdf;}
.sub4_2_2_3-col { display: flex; flex-direction: column; border-right: 1px solid #dfdfdf;}
.sub4_2_2_3-col:last-child {border-right: 0;}
.sub4_2_2_3-col-header {display: flex; align-items: center; gap: clamp(4px, calc( 8 / var(--inner) * 100vw ), 8px); padding: clamp(10px, calc( 18 / var(--inner) * 100vw ), 18px) var(--padding-24); color: #2c2c2c; background: #fafafa; border-bottom: 1px solid #dfdfdf; font-size: var(--font-size-18); font-weight: 500; line-height: 1.55; }
.sub4_2_2_3-col-header .num {color: var(--color-primary);}
.sub4_2_2_3-col-body {padding: clamp(10px, calc( 18 / var(--inner) * 100vw ), 18px) var(--padding-24); font-size: var(--font-size-16); font-weight: 400; line-height: 1.5; color: #2c2c2c;}
.sub4_2_2_3-list {display: flex; flex-direction: column; gap: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px);}
.sub4_2_2_3-item {padding-left: 0.6em;  text-indent: -0.6em; line-height: 1.5;}
.sub4_2_2_3-item-sub { color: #878787;} 

.sub4_2_2_4-imglist + .sub4_2_2_4-imglist {margin-top: var(--padding-30);}
.sub4_2_2_4-imglist {display: flex;gap:var(--padding-20);}
.sub4_2_2_4-imgitem {padding: var(--padding-30) 0; border-radius: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); border: 1px solid #eee; text-align: center;}
.sub4_2_2_4-imgitem:not(.wid-100) {flex:1 0 calc((100% - 1 * var(--padding-20)) / 2); max-width: calc((100% - 1 * var(--padding-20)) / 2);}

.sub4_2_3_2-imglist {display: flex; gap: 10px; margin-bottom: var(--padding-70);}
.sub4_2_3_2-imgitem {flex: 1; min-width: 0; border-radius:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px) ; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center;}
.sub4_2_3_2-imgitem img {display: block; width: 100%; height: auto; object-fit: contain;}
.sub4_2_3_2-text {letter-spacing: -0.5px;}
.sub4_2_3_2-text .title {margin-bottom: var(--padding-40); font-size: var(--font-size-36); font-weight: 600; line-height: 1.38;}
.sub4_2_3_2-text .dec {font-size: var(--font-size-20);color: var(--color-body2); line-height: 1.7;}
.sub4_2_3_2-text .dec + .dec {margin-top: var(--padding-24);}

.sub4_2_3_2 .toptit {padding:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px) 0; background: var(--color-primary);}
.sub4_2_3_2 .toptit .tit {font-size:clamp(22px, calc( 44 / var(--inner) * 100vw ), 44px) ; font-weight: 600; font-family: var(--font-archivo); color: #fff;}
.sub4_2_3_2 .sub4_2-txtitemitem { gap: clamp(40px, calc(80 / var(--inner) * 100vw), 80px);}
.sub4_2-txtitemitem .imgbx .sub4_2_3_2-galleryview {position: relative; width: 100%;}
.sub4_2-txtitemitem .imgbx .sub4_2_3_2-galleryview .sub4_2_3_2-gallery-main {display: block; width: 100%; box-sizing: border-box; padding: clamp(12px, calc(20 / var(--inner) * 100vw), 20px); background: #fff; border-radius: clamp(16px, calc(24 / var(--inner) * 100vw), 24px); color: inherit; text-decoration: none; outline-offset: 2px; cursor: pointer;}
.sub4_2-txtitemitem .imgbx .sub4_2_3_2-galleryview .sub4_2_3_2-gallery-main:focus-visible {outline: 2px solid var(--color-primary);}
.sub4_2-txtitemitem .imgbx .sub4_2_3_2-galleryview .sub4_2_3_2-gallery-main img {display: block; width: 100%; height: auto; border-radius: clamp(10px, calc(16 / var(--inner) * 100vw), 16px);}

.sub4_2-txtitemitem:not(:last-child) {padding-bottom: clamp(18px, calc( 34 / var(--inner) * 100vw ), 34px); margin-bottom: clamp(18px, calc( 34 / var(--inner) * 100vw ), 34px); border-bottom: 1px solid #eee;}
.sub4_2-txtitemitem {display: flex;flex-wrap: wrap;align-items: center;gap: var(--padding-50);}
.sub4_2_3_2 .sub4_2-txtitemitem .imgbx {overflow: visible;}
.sub4_2-txtitemitem .imgbx {width:clamp(300px, calc( 675 / var(--inner) * 100vw ), 675px); overflow: hidden; border-radius: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px);}
.sub4_2-txtitemitem .textbx {flex: 1; display: flex;flex-direction: column; gap: var(--padding-40); letter-spacing: -0.5px;}
.sub4_2-txtitemitem .toptitle {font-size:var(--font-size-24); font-weight: 600; color: var(--color-primary); line-height: 1.66;}
.sub4_2-txtitemitem .topdecbx {margin-top:clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); display: flex;flex-direction: column;gap: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px);}
.sub4_2-txtitemitem .topdec {font-size:var(--font-size-18); color: var(--color-body2); line-height: 1.55;}
.sub4_2-txtitemitem .arrowtxt {margin-top:var(--padding-24); padding-left: 24px; position: relative; font-size: var(--font-size-18); line-height: 1.55;}
.sub4_2-txtitemitem .arrowtxt:after {position: absolute; content: ''; left: 0; top: 6px; width: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); height: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); background: url(../images/sub/arrow2.png) no-repeat 50% 50% / contain;}
.sub4_2-txtitemitem .arrowtxt .small {display: block; font-size: var(--font-size-16); color: var(--color-body2); line-height: 1.5;}
.sub4_2-txtitemitem .bottombx {display: flex;flex-direction: column;gap: var(--padding-24);}
.sub4_2-txtitemitem .item .tit {font-size:var(--font-size-18); font-weight: 500; color: #A8A8A8; line-height: 1.55;}
.sub4_2-txtitemitem .txt1 {font-size:var(--font-size-18); font-weight: 500; line-height: 1.55;}
.sub4_2-txtitemitem .txt2 {margin-top: 4px; font-size: var(--font-size-16);color: var(--color-body2); line-height: 1.5;}
.sub4_2-txtitemitem .tit + .txt1 {margin-top: 4px ;}
.sub4_2-txtitemitem.reverse {flex-direction: row-reverse;}


.bullet-txtlist {display: flex; flex-wrap: wrap;gap:10px;}
.bullet-txtitem:not(.wid-100) {flex:1 0 calc((100% - 2 * 10px) / 3); max-width: calc((100% - 2 * 10px) / 3);}
.bullet-txtitem.wid-100 {flex: 1 0 100%; max-width: 100%;}
.bullet-txtitem {padding:var(--padding-30); border-radius: var(--border-radius-24); background: #ffff; border: 1px solid #eee;}
.bullet-txtitem .bullet {display: block; margin-bottom: var(--padding-20); width: 16px; height: 16px; border-radius: 50%; border: 4px solid #DCEAF0; background: var(--color-primary);}
.bullet-txtitem .dec {position: relative; padding-top: 30px; font-size: var(--font-size-18); line-height: 1.55; letter-spacing: -0.4px;}
.bullet-txtitem .dec:after {position: absolute; content: ''; top: 0; left: 0; width: 16px; height: 16px; border-radius: 50%; background: var(--color-primary); border: 4px solid #DCEAF0;}

.sub4_3-table-wrap {margin-top: var(--padding-60);}
.sub4_3-table-wrap + .sub4_3-table-wrap {margin-top: var(--padding-80);}
.sub4_3-table-wrap + #subsection2,
#subsection2 {margin-top: var(--padding-80);}
.sub4_3-table-tit {margin: 0 0 16px; font-size: var(--font-size-20); font-weight: 600; color: var(--color-primary); line-height: 1.5;}
.sub4_3-table {width: 100%; border-top: 2px solid var(--color-primary); border-collapse: collapse; letter-spacing: -0.32px; background: #fff;}
.sub4_3-table td,
.sub4_3-table th {padding:clamp(18px, calc( 18 / var(--inner) * 100vw ), 18px) 5px;  border-bottom: 1px solid #dfdfdf;  border-right: 1px solid #dfdfdf; text-align: center; vertical-align: middle;}
.sub4_3-table thead th { background: #f2f7fa; font-weight: 500; line-height: 1.5; color: var(--color-primary); }
.sub4_3-table thead th:last-child {border-right: 0;}
.sub4_3-table tbody td { font-weight: 400; line-height: 1.5; color: #2c2c2c; background: #fff;}
.sub4_3-table tbody td:last-child {border-right: 0;}


.sub4_3-project-list {display: flex; flex-direction: column; gap: var(--padding-100);}
.sub4_3-project-item {display: flex; flex-direction: column; gap: var(--padding-40);}
.sub4_3-project-header {display: flex; align-items: center; gap: clamp(6px, calc( 12 / var(--inner) * 100vw ), 12px); letter-spacing: -0.5px;}
.sub4_3-project-tag {display: inline-flex; align-items: center; justify-content: center; padding: clamp(3px, calc( 6 / var(--inner) * 100vw ), 6px) clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px); background: #fff; border: 1px solid #dfdfdf; border-radius: 500px; font-size: var(--font-size-14); font-weight: 600; line-height: 1.43; color: var(--color-body2);  white-space: nowrap;}
.sub4_3-project-title {font-size: var(--font-size-24); font-weight: 600; line-height: 1.66; color: var(--color-primary); letter-spacing: -0.48px;}

.sub4_3-project-images {display: flex; gap: clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px);}
.sub4_3-project-img {flex: 1; min-width: 0; border-radius: var(--border-radius-24); overflow: hidden;}
.sub4_3-project-img img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit;}
.sub4_3-project-content {letter-spacing: -0.5px;}
.sub4_3-project-desc {font-size: var(--font-size-18); font-weight: 400; line-height: 1.55; color: var(--color-body2); }

.sub4_3-project-list-inner {display: flex; flex-direction: column; gap: clamp(2px, calc( 4 / var(--inner) * 100vw ), 4px); margin-top: var(--padding-24);}

.sub4_3-project-list-item {padding-left:clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); position: relative; font-size: var(--font-size-18); font-weight: 400; line-height: 1.55; color: #2c2c2c; }
.sub4_3-project-list-item:before {position: absolute; content: ''; left: 0; top: 6px; width: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); height: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); background: url(../images/sub/arrow2.png) no-repeat 50% 50% / contain;}
.sub4_3-project-sublist {display: flex; flex-direction: column; gap: clamp(2px, calc( 4 / var(--inner) * 100vw ), 4px); margin-top: clamp(2px, calc( 4 / var(--inner) * 100vw ), 4px); }
.sub4_3-project-sublist li {font-size: var(--font-size-16); font-weight: 400; line-height: 1.5; color: var(--color-body2); padding-left: 0.6em; text-indent: -0.6em;}
.sub4_3-project-org {display: flex; flex-direction: column; gap: clamp(4px, calc( 8 / var(--inner) * 100vw ), 8px); margin-top: var(--padding-40); font-size: var(--font-size-18); font-weight: 500; line-height: 1.55;}
.sub4_3-project-org-label {color: #a8a8a8; }

.certifi-list + .certifi-list {margin-top: var(--padding-80);}
.certifi-list {display: grid; grid-template-columns: repeat(4, 1fr); gap:var(--padding-80) 10px;}
.certifi-list .img {text-align: center; position: relative; border-radius: var(--border-radius-24); overflow: hidden; padding-bottom:128.27%;}
.certifi-list .img:after {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #eee; border-radius: var(--border-radius-24); pointer-events: none;}
.certifi-list .img img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.certifi-list .textbx {padding-top: var(--padding-20); text-align: center; letter-spacing: -0.5px;}
.certifi-list .txt1 {font-size:var(--font-size-20); font-weight: 500; line-height: 1.5;} 
.certifi-list .txt2 {margin-top:4px; color: var(--color-body2); line-height: 1.5;}

.topflxWrap {display: flex;flex-wrap: wrap; flex-direction: row-reverse; gap: 30px; margin-bottom: clamp(50px, calc( 160 / var(--inner) * 100vw ), 160px);}
.topflxWrap .imgbx {width:clamp(300px, calc( 680 / var(--inner) * 100vw ), 680px); border-radius: var(--border-radius-24); overflow: hidden; height: 100%;}
.topflxWrap .textbx {flex: 1; display: flex;flex-direction: column; justify-content: space-between; letter-spacing: -0.5px;}
.topflxWrap .text {margin-top:var(--padding-20); font-size: var(--font-size-24); font-weight: 500;}
.topflxWrap .img {margin-top: var(--padding-50);}
.topflxWrap .img img {border-radius: var(--border-radius-24); overflow: hidden;}

.sub5_toptext {letter-spacing: -0.6px;}
.sub5_toptext .toptitle {margin-bottom: var(--padding-40); font-size: var(--font-size-32); font-weight: 500; line-height: 1.43;}
.sub5_toptext .dec {font-size: var(--font-size-20); color: var(--color-body2); line-height: 1.7;}
.sub5_toptext .dec:not(:first-child) {margin-top: var(--padding-24);}

.sub5_1_2-row {display: flex; gap: var(--padding-40); }
.sub5_1_2-row.align-center {align-items: center;}
.sub5_1_2-row:not(:last-child) {margin-bottom: var(--padding-40);}
.commwid  {flex: 1;}
 .sub5_1_2-section {display: flex; flex-direction: column; gap: var(--padding-40); background: #fff; padding: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); border-radius: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); height: 100%;}
.sub5_1_2-header {display: flex; align-items: center; gap: var(--padding-24); letter-spacing: -0.6px;}
.sub5_1_2-icon img { width: clamp(70px, calc( 120 / var(--inner) * 100vw ), 120px); border-radius: clamp(10px, calc( 12 / var(--inner) * 100vw ), 12px);}
 .sub5_1_2-text {flex: 1; display: flex; flex-direction: column; gap: clamp(8px, calc( 12 / var(--inner) * 100vw ), 12px);}
.sub5_1_2-title {font-size: var(--font-size-28); font-weight: 600; line-height: 1.5; color: var(--color-primary);}
.sub5_1_2-desc {font-size: var(--font-size-20); font-weight: 400; line-height: 1.5; color: var(--color-body2);}
.sub5_1_2-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; }
.sub5_1_2-item {display: flex; flex-direction: column; gap: var(--padding-20 ); padding: 12px; background: #F6F6F6; border-radius:  clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px);}
.sub5_1_2-bullet {width: 16px; height: 16px; background: var(--color-primary); border-radius: 50%; border: 4px solid #DCEAF0;}
.sub5_1_2-item-text {font-size: var(--font-size-18); font-weight: 400; line-height: 1.55; color: #2c2c2c;}
.sub5_1_2-image {border-radius: var(--border-radius-24); overflow: hidden; height: 100%;}
.sub5_1_2-image img {width: 100%; height: 100%; display: block; object-fit: cover;}

.sub5_comm .contain.ty2 {max-width: 1880px !important;}
.sub5_comm .topimg {margin-bottom: 10px; border-radius: var(--border-radius-24); overflow: hidden;}
.toptext {padding:clamp(50px, calc( 140 / var(--inner) * 100vw ), 140px) 0; letter-spacing: -0.64px; max-width: 1820px; margin: 0 auto; border-radius: var(--border-radius-24); overflow: hidden;}
.toptext .bgtit {margin-bottom: var(--padding-40); font-size: var(--font-size-32); font-weight: 500; line-height: 1.43; }
.toptext .dec {font-size:var(--font-size-20); color: var(--color-body2); line-height: 1.7;}
.toptext .dec+.dec {margin-top: var(--padding-24);}
.toptext.bg1 {background: url(../images/sub/sub5_textbg1.jpg) no-repeat center center / cover;}
.toptext.bg2 {background: url(../images/sub/sub5_textbg2.jpg) no-repeat center center / cover;}
.toptext.bg3 {background: url(../images/sub/sub5_textbg3.jpg) no-repeat center center / cover;}
.toptext.bg4 {background: url(../images/sub/sub5_textbg4.jpg) no-repeat center center / cover;}

.sub5_comm_2-list-wrap {position: relative;}
.sub5_comm_2-list-wrap:after {position: absolute; content: ''; width: 100%; height: 1px; background: #ddd; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sub5_comm_2-list {display: grid; grid-template-columns: repeat(4,1fr); flex-wrap: wrap;}
.sub5_comm_2-item {width: clamp(320px, calc( 400 / var(--inner) * 100vw ), 400px); aspect-ratio: 1 / 1; display: flex; flex-direction: column; padding: clamp(30px, calc( 50 / var(--inner) * 100vw ), 50px); padding-top:var(--padding-80); background: #fff; border: 1px solid #eee; border-radius: 50%; position: relative; z-index: 1; margin-left: clamp(-45px, calc( -45 / var(--inner) * 100vw ), -20px); letter-spacing: -0.6px;}
.sub5_comm_2-item:first-child {margin-left: 0; border: 1px solid var(--Color1, rgba(0, 103, 149, 0.10)); background: rgba(0, 103, 149, 0.10);}
.sub5_comm_2-item:nth-child(2) {z-index: 2; border: 1px solid var(--Color2, rgba(0, 103, 149, 0.15));background: rgba(0, 103, 149, 0.15);}
.sub5_comm_2-item:nth-child(3) {z-index: 3; border: 1px solid var(--Color3, rgba(0, 103, 149, 0.20)); background: rgba(0, 103, 149, 0.20);  }
.sub5_comm_2-item:nth-child(4) {z-index: 4; border: 1px solid var(--Color4, rgba(0, 103, 149, 0.25)); background: rgba(0, 103, 149, 0.25); }
.sub5_comm_2-header {display: flex; flex-direction: column; gap: clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px); margin-bottom: var(--padding-20); font-weight: 600; line-height: 1.5;}
.sub5_comm_2-num { color: var(--color-secondary);}
.sub5_comm_2-title {font-size: var(--font-size-20);  color: #2c2c2c; font-weight: 500;}
.sub5_comm_2-desc {display: flex; flex-direction: column; gap: clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px);}
.sub5_comm_2-desc li {font-weight: 400; line-height: 1.5; color: var(--color-body2); padding-left: 0.6em;  text-indent: -0.6em;}

.sub5_comm_2-item:nth-child(2) .sub5_comm_2-num {color: #3A89AD;}
.sub5_comm_2-item:nth-child(3) .sub5_comm_2-num {color: #005880;}
.sub5_comm_2-item:nth-child(4) .sub5_comm_2-num {color: #003D58;}

.sub5_comm_3-list {display: grid; grid-template-columns: repeat(4, 1fr); gap:4px;}
.sub5_comm_3-item {background: #fff; padding: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); border-radius: var(--border-radius-24); height: 100%; letter-spacing: -0.5px; border: 1px solid var(--color-primary);} 
.sub5_comm_3-icon img {width: clamp(45px, calc( 64 / var(--inner) * 100vw ), 64px); border-radius: 12px;}
.sub5_comm_3-title {margin-top: var(--padding-20); font-size: var(--font-size-20); font-weight: 500; line-height: 1.5; color: #2c2c2c;}
.sub5_comm_3-desc {display: flex; flex-direction: column; gap: clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px); margin-top: var(--padding-20); }
.sub5_comm_3-desc li {font-weight: 400; line-height: 1.5; color: var(--color-body2); padding-left: 0.6em; text-indent: -0.6em;}

.sub5_1_1 {overflow: hidden;}
.sub5_1_1 {overflow: hidden;}

.board-form .input {height: clamp(44px, calc( 60 / var(--inner) * 100vw ), 60px); border-radius: 8px;}
.board-formlist {padding: var(--padding-50) 0; border-top:2px solid #868686; border-bottom:1px solid #eee;}
.board-formitem {display: flex;flex-wrap: wrap; gap: var(--padding-60);}
.board-formitem+.board-formitem {margin-top: var(--padding-40);}
.board-formitem .initem {flex: 1; display: flex; flex-wrap: wrap; align-items: center;}
.board-formitem .initem .label {width: clamp(130px, calc( 200 / var(--inner) * 100vw ), 200px); font-size: var(--font-size-18); font-weight: 600;}
.board-formitem .initem .labelinput {flex: 1; }
.file-upload {display:flex; gap: var(--padding-10); height:clamp(44px, calc( 60 / var(--inner) * 100vw ), 60px);}
.file-button {display:flex; justify-content:center; align-items:center; height:100%; padding:0 20px; border:0; border-radius:8px ; background:#2c2c2c; color:#fff; cursor:pointer;}
.file-name {flex:1 1 auto; min-width:0; width:1%; display:flex; align-items:center; height:100%; padding:0 14px; border:1px solid #eee; border-radius:8px;}

.inquiry-info {background: #f6f6f6; padding: var(--padding-30); border-radius: var(--border-radius-24);}
.inquiry-info-title {margin-bottom: var(--padding-34); font-size: var(--font-size-24); font-weight: 600; line-height: 1.66; color: var(--color-primary);}
.inquiry-info-content {display: flex; flex-direction: column; gap: var(--padding-20); padding-top: var(--padding-30); border-top: 1px solid #dfdfdf; letter-spacing: -0.5px;}
.inquiry-info-row {display: flex; gap: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.inquiry-info-item {display: flex; align-items: center; gap: var(--padding-12);}
.inquiry-info-icon {width: clamp(30px, calc( 48 / var(--inner) * 100vw ), 48px); height: clamp(30px, calc( 48 / var(--inner) * 100vw ), 48px); }
.inquiry-info-icon img {width: 100%; height: 100%; object-fit: contain;}
.inquiry-info-text {font-size: var(--font-size-20); font-weight: 500; line-height: 1.7; }