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

.bullet-item .bullet-list {position:relative; padding-left:13px; margin-top:2px; line-height:1.77;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:clamp(11px, calc( 15 / var(--inner) * 100vw ), 15px); 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:#F8F8F8;}
.bg-blue {background: linear-gradient(180deg, rgba(0, 167, 203, 0.90) 0%, rgba(0, 15, 159, 0.90) 100%);}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(60px, calc( 150 / var(--inner) * 100vw ), 150px) 0;}
.subsec-pd2 {padding: var(--padding-100) 0;}
.subsec-pdt {padding-top: var(--padding-100);}

.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);}

.one-page {position: relative;}
.one-page-nav {display: flex;flex-direction: column;justify-content: center; gap: 10px; position: absolute; top:clamp(50px, calc( 90 / var(--inner) * 100vw ), 90px); left:clamp(15px, calc( 100 / var(--inner) * 100vw ), 100px); z-index: 100; }
.one-page-nav.fixed {position: fixed; top:  calc(var(--header-height) + 10px);}
.space-menu {padding: 25px var(--padding-25);padding-right: 10px; width: clamp(95px, calc( 110 / var(--inner) * 100vw ), 110px); border-radius: 60px; background: rgba(0, 15, 159, 0.03);}
.space-menu li a {display:inline-block; position: relative; font-weight:500; font-size: var(--font-size-14); color: #9D9D9D; letter-spacing: -0.04em; cursor: pointer; line-height: 2.14;} 
.space-menu li a:after {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 3px; height: 3px; background: var(--color-primary); border-radius: 50%; opacity: 0;}
.space-menu li.active a {padding-left: 10px; color:var(--color-primary); font-weight:600;}
.space-menu li.active a:after {opacity: 1;}
.space-menu li:hover a {color:var(--color-primary);}
.one-page-nav .top {display: inline-flex;align-items: center;justify-content: center; width: clamp(32px, calc( 48 / var(--inner) * 100vw ), 48px); height: clamp(32px, calc( 48 / var(--inner) * 100vw ), 48px); border-radius: 50%; background: var(--color-primary); }
.one-page-nav .top svg {width: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px);}

.subsec-tit {margin-bottom: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); font-size: var(--font-size-40); font-weight: bold; line-height: 1.2; text-align: center;}
.subsec-tit.ty2 {font-size:var(--font-size-28); font-weight: 600; line-height: 1.28;}
.subsec-tit.white {color: #fff;} 
.subsec-titbx {margin-bottom: 40px;}
.subsec-titbx.ty2 {margin-bottom: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px);}
.subsec-titbx .subsec-tit {margin-bottom: 0;}

.sub1_1_1 .toptext .title {font-size:var(--font-size-28); font-weight: 600; line-height: 1.28;}
.sub1_1_1 .toptext .desc {margin-top: 20px; font-size:var(--font-size-18); line-height: 1.66; color: var(--color-body);}
.sub1_1_1 .topimgbg {position: relative; padding-top: 5%;}
.sub1_1_1 .topimg {height: clamp(200px, calc( 360 / var(--inner) * 100vw ), 360px); background:url(../images/sub/intro1_1-img.jpg) right bottom no-repeat; background-size: cover;}
.sub1_1_1 .topimg .img {position: absolute; bottom: 0; right: 0;width: clamp(300px, calc( 839 / var(--inner) * 100vw ), 839px); height: auto; object-fit: contain; aspect-ratio: 839 / 544;}

.bottomtbl .infotbl {width: 100%; border-collapse: collapse; }
.bottomtbl .infotbl th {width: clamp(120px, calc( 200 / var(--inner) * 100vw ), 200px); padding: 18px 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; font-size: var(--font-size-18); font-weight: 600; color: var(--color-primary); line-height: 1.44; vertical-align: middle;}
.bottomtbl .infotbl td {padding: 18px 19px; font-size: var(--font-size-16); font-weight: 400; color: #454545; line-height: 1.5; border-bottom: 1px solid #ddd;}
.bottomtbl .infotbl tr:last-child td {border-bottom: 1px solid #ddd;}
.bottomtbl .infotbl td.sub {display: flex; padding: 0; border-bottom: 1px solid #ddd;}
.bottomtbl .infotbl td.sub .sublabel {display: flex;align-items: center;justify-content: center; flex: 0 0 clamp(100px, calc( 150 / var(--inner) * 100vw ), 150px); padding: 18px 0; border-right: 1px solid #ddd; font-weight: 500;  line-height: 1.5;}
.bottomtbl .infotbl td.sub .subcont {flex: 1; padding: 18px 19px; font-size: var(--font-size-16); color: #454545; line-height: 1.5;}

.sub1_1_3 {background: url(../images/sub/map.png) center center no-repeat; background-size: contain;}
.sub1_1_3-grid {display: flex;flex-wrap: wrap; justify-content: center; gap: clamp(30px, calc( 190 / var(--inner) * 100vw ), 190px); position: relative;}
.sub1_1_3-item:not(:last-child)::before {content: ''; position: absolute; top: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px); left: calc(100% + clamp(15px, calc( 95 / var(--inner) * 100vw ), 95px)); transform: translate(-50%, -50%); width: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); height: clamp(4px, calc( 8 / var(--inner) * 100vw ), 8px); background: url(../images/sub/vision-dot.png) center center no-repeat; background-size: contain;}
.sub1_1_3-item {position: relative;}
.sub1_1_3-item .icnbx {display: flex;align-items: center;justify-content: center; margin: 0 auto; width: clamp(200px, calc( 400 / var(--inner) * 100vw ), 400px); height:  clamp(100px, calc( 200 / var(--inner) * 100vw ), 200px); border-radius: 800px;}
.sub1_1_3-item .icnbx img {width: clamp(40px, calc( 88 / var(--inner) * 100vw ), 88px);}
.sub1_1_3-item .textbx {margin-top:var(--padding-30);}
.sub1_1_3-item .textbx span {display: block; text-align: center;} 
.sub1_1_3-item .tit {font-size: var(--font-size-24); font-weight: bold; line-height: 1.33;}
.sub1_1_3-item .dec {padding-top:var(--padding-15); color: var(--color-body); line-height: 1.5;}
.sub1_1_3-item:first-child .icnbx {border: 1px solid var(--color-primary);}
.sub1_1_3-item:first-child .tit {color: var(--color-primary);}
.sub1_1_3-item:last-child .icnbx {border: 1px solid var(--color-secondary);}
.sub1_1_3-item:last-child .tit {color: var(--color-secondary);}

.sub1_1_4-grid {display: flex;flex-wrap: wrap;gap:var(--padding-30);}
.sub1_1_4-item {width: calc((100% - 2 * var(--padding-30)) / 3); height:clamp(240px, calc( 480 / var(--inner) * 100vw ), 480px); position: relative; border-radius: 24px; overflow: hidden; color: #fff;}
.sub1_1_4-item.bg1 {background: url(../images/sub/sub1_1_4-img1.jpg) center center no-repeat; background-size: cover;}
.sub1_1_4-item.bg2 {background: url(../images/sub/sub1_1_4-img2.jpg) center center no-repeat; background-size: cover;}
.sub1_1_4-item.bg3 {background: url(../images/sub/sub1_1_4-img3.jpg) center center no-repeat; background-size: cover;}
.sub1_1_4-item .textbx {display: flex;flex-direction: column; justify-content: flex-end; gap: var(--padding-20); position: absolute; bottom: 0; left: 0; padding:var(--padding-30); width: 100%; height: 100%;}
.sub1_1_4-item .tit {display: block; font-size:var(--font-size-24); font-weight: 600; line-height: 1.33;}
.sub1_1_4-item .dec {display: block; line-height: 1.5;}

.insecwrap {display: flex;flex-direction: column; gap:var(--padding-60);}
.insecwrap .insecbx {display: flex;flex-direction: column;gap: var(--padding-40);}
.insecbx .title {font-size:var(--font-size-28); font-weight: 600; line-height: 1.28;}
.insecbx .dec {margin-top: var(--padding-20); line-height: 1.66; color: var(--color-body);}
.insecbx .logobx {display: flex;align-items: center;justify-content: center; padding: var(--padding-80) 20px; text-align: center; border: 2px solid #ddd; background: url(../images/sub/ci-logobg.jpg) no-repeat center center / cover;}
.insecbx .logobx img {width: clamp(200px, calc( 415 / var(--inner) * 100vw ), 415px);}
.insecbx .identifybx {display: flex; align-items: center; flex-wrap: wrap; gap: var(--padding-40);}
.insecbx .identifybx .namebx {display: flex;align-items: center;justify-content: center; width: clamp(200px, calc( 500 / var(--inner) * 100vw ), 500px); padding: var(--padding-85) 20px; background: var(--color-primary); color: #fff; border-radius: 16px; overflow: hidden; font-size:var(--font-size-24); font-weight: 600; line-height: 1.33;}
.insecbx .identifybx .colorlist {flex: 1;}
.insecbx .identifybx .item {font-size: var(--font-size-20); line-height: 2; font-weight: 500;}

.sub1_2 .topimgbx {position: relative;padding-top: var(--padding-80);}
.sub1_2 .topimg {  background: url(../images/sub/sub1_2-bg.jpg) right bottom no-repeat;  height: clamp(180px, calc( 360 / var(--inner) * 100vw ), 360px);}
.sub1_2 .topimg .logo {position: absolute; bottom: 0; right: 0; aspect-ratio: 434 / 189; width: clamp(150px, calc( 434 / var(--inner) * 100vw ), 434px);}
.sub1_2 .topimg .logo img {width: 100%; height: 100%; object-fit: contain;}
.sub1_2 .topimg .title {position: absolute; top: 0; padding-left: var(--padding-60); font-size: var(--font-size-56); font-weight: bold; line-height: 1.42; width: 100%;}
.sub1_2 .topimg .title .tit2 {color: #fff;}
.sub1_2 .greetbx {margin-top: var(--padding-60); padding:0 var(--padding-60); letter-spacing: -0.6px;}
.sub1_2 .greetbx .title {font-size: var(--font-size-28); font-weight: 600; line-height: 1.28;}
.sub1_2 .greetbx .decbx {margin: var(--padding-40) 0;}
.sub1_2 .greetbx .dec + .dec {margin-top: var(--padding-25);}
.sub1_2 .greetbx .dec {color: var(--color-body); line-height: 1.75;}
.sub1_2 .greetbx .namebx {display: flex; align-items: center; gap:var(--padding-20); }
.sub1_2 .greetbx .namebx .tit1 {font-size: var(--font-size-18); font-weight: 500; line-height: 1.55;}
.sub1_2 .greetbx .namebx .tit2 {font-size: var(--font-size-40); font-family: var(--font-yoon);}

/* history horizontal scroll – 왼쪽 400px 흰 배경, 오른쪽 flex:1, 행 높이 일치 */
.history-view {display: grid; grid-template-columns: clamp(120px, calc( 400 / var(--inner) * 100vw ), 400px) 1fr; grid-template-rows: auto auto auto; align-items: stretch; cursor: grab;}
.history-view.history-dragging {cursor: grabbing; user-select: none;}
.history-left {grid-column: 1; grid-row: 1 / -1; display: grid; grid-template-rows: subgrid; background: #fff;}
.history-label {font-size: var(--font-size-80); font-weight: 700; line-height: 1;}
.history-label-med {grid-row: 1; align-self: flex-end; color: var(--color-primary); transform: translateY(var(--history-stick-med, 0));}
.history-label-pill {grid-row: 2;}
.history-label-bio {grid-row: 3; align-self: flex-start; color: var(--color-secondary); transform: translateY(var(--history-stick-bio, 0));}
.history-scroll {overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; min-width: 0; scrollbar-width: none; -ms-overflow-style: none;}
.history-scroll::-webkit-scrollbar {display: none;}
.history-scroll-med {grid-column: 2; grid-row: 1;}
.history-scroll-pill {grid-column: 2; grid-row: 2;}
.history-scroll-bio {grid-column: 2; grid-row: 3;}
.history-strip {display: flex; width: max-content; }
.history-med-row {display: flex; align-items: flex-end; gap: var(--padding-80);}
.history-pill-row {display: flex; align-items: center; gap: var(--padding-80); position: relative; padding: var(--padding-40) 0;}
.history-pill-row::before {content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 0; border-top: 1px dashed var(--color-primary); transform: translateY(-50%); z-index: 0;}
.history-pill-row .history-col {position: relative; z-index: 1;}
.history-bio-row {display: flex; align-items: flex-start; gap: var(--padding-80);}
.history-col {flex-shrink: 0; width: clamp(250px, calc(360 / var(--inner) * 100vw), 360px);}
.history-pill {padding: var(--padding-18) 10px; background: linear-gradient(180deg, var(--color-primary) 0%,  var(--color-secondary) 100%); border-radius: 60px; font-size: var(--font-size-24); font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap;}
.history-list {width: 100%; border-top: 1px solid #DDDDDD;}
.history-list .history-item {display: flex; align-items: center; padding: var(--padding-12) var(--padding-10); border-bottom: 1px solid #DDDDDD; font-size: var(--font-size-18); line-height: 1.44;}
.history-list .history-item .year {width: clamp(58px, calc(67 / var(--inner) * 100vw), 67px);font-weight: 700; line-height: 1.44;}
.history-list .history-item .desc {flex: 1; color: var(--color-body); line-height: 1.77;}
.history-med .history-item .year {color: var(--color-primary);}
.history-bio .history-item .year {color:  var(--color-secondary);}
.history-bio .bullet-item .bullet-list::before {background:  var(--color-secondary);}
.history-med {border-top-color: var(--color-primary);}
.history-bio {border-top-color:  var(--color-secondary);}
.history-med .history-item:first-child {border-top: 1px solid var(--color-primary);}
.history-bio .history-item:first-child {border-top: 1px solid  var(--color-secondary);}
.history-list:empty {display: none;}

.ethics-inquiry .inner {padding: var(--padding-50); background: #F8F8F8; border-radius: 24px;}
.ethics-inquiry .forminner tr td {padding-bottom: var(--padding-60);}
.ethics-inquiry .forminner .label {margin-bottom: var(--padding-15); font-size: var(--font-size-18); font-weight: 600;}
.ethics-inquiry .forminner .input {border-radius:8px; height:  clamp(40px, calc( 55 / var(--inner) * 100vw ), 55px);}
.ethics-inquiry .forminner .input::placeholder {color: #B1B1B1;}
.ethics-inquiry .captcha-wrap {display: flex; gap:var(--padding-10); height:  clamp(40px, calc( 55 / var(--inner) * 100vw ), 55px);}
.ethics-inquiry .captcha-wrap img {border-radius: 8px; }
.ethics-inquiry .captcha-wrap .input {flex: 1 0 0;}
.ethics-inquiry .buttons {margin: var(--padding-60) 0 0;}

.line-tit {padding-left: clamp(12px, calc( 15 / var(--inner) * 100vw ), 15px); margin-bottom: var(--padding-30); position: relative; font-size: var(--font-size-24); font-weight: 600; line-height: 1.33;} 
.line-tit:after {position: absolute; content: ''; left: 0; top: 4px; width: 3px; height:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); background: var(--color-primary); z-index: 0;}

.exhibition-tab {margin-bottom: var(--padding-80);}
.directions-tab {margin-top: var(--padding-40);}
.directions-tab .tabs {display: flex; justify-content: center; margin:0 clamp(-24px, calc( -24 / var(--inner) * 100vw ), -10px);}
.directions-tab .tab {padding:0 clamp(10px, calc( 24 / var(--inner) * 100vw ), 24px); position: relative;}
.directions-tab .tab:not(:last-child):after {position: absolute; content: ''; right: -1px; top: 50%; transform: translateY(-50%); width: 1px; height:16px; background: #ddd;} 
.directions-tab .tab .link {font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 600; color: #b7b7b7;}
.directions-tab .tab.active .link {color: var(--color-secondary);}
.local-wrap { position: relative; overflow: hidden;}
.local-wrap .local-content {position: absolute; z-index: -1; left: 0; top: 0; width: 100%; opacity: 0; visibility: hidden; pointer-events: none;}
.local-wrap .local-content.on {opacity: 1; z-index: 1; position: relative; visibility: visible; pointer-events: auto; transition: opacity 0.4s ease;}
.local-wrap .locol-conflx {display: flex;flex-direction: column;gap: var(--padding-100);}
.local-wrap .map {width:100%; height:clamp(250px, calc( 400 / var(--inner) * 100vw ), 400px);}
.local-wrap .map iframe {width:100%; height:100%;}
.local-wrap .map-infolist {display: flex;flex-wrap: wrap; gap: 20px; margin-top: var(--padding-30);}
.local-wrap .map-infolist .item {display: flex; align-items: center;gap:var(--padding-20); width:  calc((100% - 2 * 20px) / 3);}
.local-wrap .map-infolist .icn {width:clamp(45px, calc( 88 / var(--inner) * 100vw ), 88px);}
.local-wrap .map-infolist .text {flex: 1; display: flex; flex-direction: column; gap: var(--padding-20); letter-spacing: -0.5px; line-height: 1.1;}
.local-wrap .map-infolist .name { font-size: var(--font-size-22); font-weight: 600;}
.local-wrap .map-infolist .dec {  color: var(--color-body); font-size: var(--font-size-18);}

.biz-hero {position: relative;  padding: var(--padding-60) var(--padding-30); background: linear-gradient(0deg, rgba(0, 167, 203, 0.03) 0%, rgba(0, 167, 203, 0.03) 100%); background-repeat: no-repeat; background-size: cover; border-radius: 600px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: var(--padding-20);}
.biz-hero .label {align-self: stretch; text-align: center; color: var(--color-secondary); font-size: var(--font-size-16); font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; line-height: 1.5; letter-spacing: 1.6px;}
.biz-hero .txt {align-self: stretch; text-align: center; font-size: var(--font-size-18); line-height: 1.66; color: var(--color-body);}
.biz-hero .deco {position: absolute; left: 11px; top: 12px; width: calc(100% - 22px); height: calc(100% - 22px); border-radius: 600px; border: 1px dashed var(--color-secondary); pointer-events: none;}

.imgarrowline {display: flex;flex-direction: column;justify-content: center; gap: var(--padding-40);}
.imgarrowline .arrow {text-align: center;}
.imgarrowline .arrow img {width: clamp(100px, calc( 236 / var(--inner) * 100vw ), 236px);}
.infrastructure-list {display: grid; grid-template-columns: repeat(3,1fr); gap:var(--padding-30);}
.infrastructure-item {position: relative; height: clamp(180px, calc( 240 / var(--inner) * 100vw ), 240px); border-radius: var(--border-radius-32); overflow: hidden; background-repeat: no-repeat; background-position: 50% 50% ; background-size: cover;}
.infrastructure-item .tit {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size:var(--font-size-26); font-weight: 600; text-align: center; color: #fff;}

.sub2_1_2 .biz-hero {background: #fff;}
.infra-cards {display:grid; grid-template-columns: repeat(2,1fr); gap: var(--padding-30); }
.infra-cards .item {padding: var(--padding-40); background: #fff; border-radius: var(--border-radius-32); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: var(--padding-20); overflow: hidden;}
.infra-cards .item .head {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.infra-cards .item .tit {color: var(--color-dark); font-size: var(--font-size-26); font-weight: 600; line-height: 1;}
.infra-cards .item .num {color: rgba(0, 15, 159, 0.10); font-size: var(--font-size-40); font-weight: 900; line-height: 1;}
.infra-cards .item.ty2 .num {color: rgba(0, 167, 203, 0.20);}
.infra-cards .item .line {width: 25px; height: 0; border: none; border-top: 2px solid #E6E7F6;}
.infra-cards .item.ty2 .line {border-top-color: #CCEDF5;}
.infra-cards .item .txt {font-size: var(--font-size-16); line-height: 1.5; color: #686868;}
.infra-cards .item .txt .bold {color: var(--color-body); font-weight: 600;}
.infra-cards .item .txt .normal {color: #686868; font-weight: 400;}

.technology-list {display: flex;flex-wrap: wrap;}
.technology-item {position: relative; width: 20%; height:clamp(240px, calc( 458 / var(--inner) * 100vw ), 458px); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;}   
.technology-item .textbx {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex;flex-direction: column;justify-content: center;align-items: center; gap: 12px; text-align: center;}
.technology-item .num {font-size:var(--font-size-40); color: rgba(255, 255, 255, 0.20); font-weight: bold; line-height: 1;}
.technology-item .line {width:20px; height: 3px;}
.technology-item:nth-child(odd) .line {background: var(--color-secondary);}
.technology-item:nth-child(even) .line {background: var(--color-primary);}
.technology-item .tit {font-size:var(--font-size-26); font-weight: 600; color: #fff;}

.research-insec {display: flex;flex-direction: column; justify-content: center; gap:20px 0;}
.research-insec .inbox {text-align: center;}

.certificate-insec {background: url(../images/sub/certificate-bg.jpg) no-repeat 50% 50% /cover;}
.certificate-insec .subsec-tit {color:#fff;}
.certificate-list {display: flex; justify-content: center;flex-wrap: wrap;gap:var(--padding-30); max-width: 960px; margin: 0 auto; width: 100%;}
.certificate-item {width: calc((100% - 2 * var(--padding-30)) / 3);}
.certificate-item .tit {display: block; padding-top:var(--padding-20); font-size:var(--font-size-20); font-weight: 500; color: #fff; text-align: center; line-height: 1.4;}
.certificate-insec .noticebx {margin-top: var(--padding-60);text-align: center;}
.certificate-insec .notice { padding: 9px 18px; display: inline-flex; align-items: center; text-align: center; gap:10px; border-radius: 40px; background: rgba(255, 255, 255, 0.20);}
.certificate-insec .notice .txt {font-size: var(--font-size-14); font-weight: 500; color: #fff; line-height: 1.7;}

.sub2_1_3 .imglinkbiz .list {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; gap: var(--padding-30); max-width: 1200px; margin: 0 auto;}
.sub2_1_3 .imglinkbiz .item {position: relative; overflow: hidden; border-radius: var(--border-radius-32);}
.sub2_1_3 .imglinkbiz .item.size-lg {width: clamp(280px, calc(585 / var(--inner) * 100vw), 585px); height: clamp(335px, calc(630 / var(--inner) * 100vw), 630px);}
.sub2_1_3 .imglinkbiz .col {flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--padding-30); max-width: 585px;}
.sub2_1_3 .imglinkbiz .col .item.size-sm {width: 100%; height: clamp(160px, calc(300 / var(--inner) * 100vw), 300px);}
.sub2_1_3 .imglinkbiz .link {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent;}
.sub2_1_3 .imglinkbiz .link::after {position: absolute; right: 0; bottom: 0; width: clamp(55px, calc(112 / var(--inner) * 100vw), 112px); height: clamp(55px, calc(112 / var(--inner) * 100vw), 112px); content: ''; opacity: 0; transition: opacity .25s ease; z-index: 1;}
.sub2_1_3 .imglinkbiz .link.bg1:after {background: url(../images/sub/arrow-btn1.png) no-repeat 50% 50% /contain;}
.sub2_1_3 .imglinkbiz .link.bg2:after {background: url(../images/sub/arrow-btn2.png) no-repeat 50% 50% /contain;}
.sub2_1_3 .imglinkbiz .link.bg3:after {background: url(../images/sub/arrow-btn3.png) no-repeat 50% 50% /contain;}
.sub2_1_3 .imglinkbiz .link:hover::after {opacity: 1;}
.sub2_1_3 .imglinkbiz .img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; border-radius: var(--border-radius-32); overflow: hidden;}
.sub2_1_3 .imglinkbiz .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;}
.sub2_1_3 .imglinkbiz .cap {position: absolute; left: clamp(15px, calc(35 / var(--inner) * 100vw), 35px); bottom: clamp(15px, calc(40 / var(--inner) * 100vw), 40px); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: var(--padding-15); z-index: 2;}
.sub2_1_3 .imglinkbiz .cap .num {font-size: var(--font-size-50); font-weight: 900; line-height: 1; color: rgba(255, 255, 255, 0.20);}
.sub2_1_3 .imglinkbiz .cap .tit {font-size: var(--font-size-26); font-weight: 700; font-family: 'Montserrat', sans-serif; line-height: 1.3; color: #fff;}

.sub2_1_3 .imglinkbiz .arrowbx.bg2 {background: #00A7CB;} 
.sub2_1_3 .imglinkbiz .arrowbx.bg3 {background: #00AAE8;} 

.product-list {display: grid; grid-template-columns: repeat(3,1fr); gap:var(--padding-60) var(--padding-30);}
.product-item .images {position:relative; padding-bottom:131.57%; overflow:hidden; border-radius: var(--border-radius-32);}
.product-item .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.product-item .images:after  {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; border-radius: var(--border-radius-32);}
.product-item .textbx {display: flex;flex-direction: column; gap: 10px; padding-top: var(--padding-25); letter-spacing: -0.6px;}
.product-item .tit {font-size: var(--font-size-28); font-weight: bold; line-height: 1;font-family: var(--font-montserrat);} 
.product-item .desc {color: #686868; line-height: 1.8;}

.prd-banner .images {position:relative; padding-bottom:31.25%; overflow:hidden; }
.prd-banner .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}

.prd-detailwrap {display: flex;flex-direction: column;gap: var(--padding-150);}
.prd-summary {display:flex; }
.prd-slider-for {margin-bottom:var(--padding-30);}
.prd-slider-nav {margin:0 -5px;}
.prd-slider-nav .image {padding:0 5px;}
.prd-image {width:clamp(300px, calc( 600 / var(--inner) * 100vw ), 600px); margin-right:var(--padding-80);}
.prd-image .img {position:relative; padding-bottom:100%; overflow:hidden; border-radius: 20px;}
.prd-image .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.prd-image .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; border-radius: 20px;}
.prd-image .prd-slider-nav .img {border-radius: 8px !important;}
.prd-image .prd-slider-nav .img:after {border-radius: 8px !important;}
.prd-slider-nav .slick-current .img:after {border-color: var(--color-secondary);}
.prd-info {flex:1 1 auto; min-width:0; width:1%; position:relative; padding-top:var(--padding-50); letter-spacing: -0.5px;}
.prd-info .top {margin-bottom:var(--padding-40); padding-bottom: var(--padding-40); position:relative;}
.prd-info .top:after {position:absolute; content:''; bottom:0; left:0; background-color:#ddd; width:40px; height:3px;}
.prd-info .top .title {font-size:var(--font-size-40); font-weight: bold; line-height:1.2em;}
.prd-info .top .desc {margin-top: var(--padding-15); color: #686868; line-height: 1.87;} 
.prd-info .mid .tit {font-size: var(--font-size-18); font-weight: 600; line-height: 1.44;}
.prd-info .mid .infolist {display: flex;flex-direction: column;gap: var(--padding-20); margin-top: 20px;}
.prd-info .mid .infoitem {padding-left:10px; position: relative; lighting-color: 1.87; color: #454545;}
.prd-info .mid .infoitem:after {position: absolute; content: ''; left: 0; top: 9px; width: 3px; height: 3px; border-radius: 50%; background: #454545;}
.prd-info .btns-wrap {gap:0 clamp(5px, calc( 20 / var(--inner) * 100vw ), 20px); display:flex; margin-top: var(--padding-65);}
.prd-info .btns-wrap .btn {height:clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); width:50%; display:flex; align-items:center; justify-content:center; font-size: var(--font-size-18); font-weight: 600; border-radius:80px; color: #fff;}
.prd-info .btns-wrap .download {background-color:var(--color-primary);}
.prd-info .btns-wrap .inquiry {background-color:var(--color-secondary);}
.prd-detail {color:#454545;}
.prd-detail .tit {font-size:var(--font-size-28); padding-bottom:var(--padding-30); margin-bottom:var(--padding-30); letter-spacing:-.03em; color:#242424; font-weight:600; line-height:1; border-bottom:1px solid #ddd;}
.prd-detail .tit span {position:relative;}
.prd-detail .tit span:after {position:absolute; content:''; bottom:clamp(-30px, calc( -30 / var(--inner) * 100vw ), -15px); left:0; height:2px; width:100%; background-color:#000F9F;}
.prd-detail .detail-text {line-height: 1.6;}
.prd-detail .spec-wrap {margin-top: var(--padding-30);}
.prd-detail .spec-tbl {width: 100%; border-collapse: collapse;}
.prd-detail .spec-tbl span {display: block;}
.prd-detail .spec-tbl th,
.prd-detail .spec-tbl td {border-bottom: 1px solid #ddd; vertical-align: middle; padding: var(--padding-16) var(--padding-20); font-size: var(--font-size-16); line-height: 1.625;}
.prd-detail .spec-tbl tr:first-child th,
.prd-detail .spec-tbl tr:first-child td {border-top: 1px solid #ddd;}
.prd-detail .spec-tbl th {bottom: 1px solid #ddd; background: #F8F8F8; color: var(--color-dark); font-weight: 600; font-size: var(--font-size-18); text-align: center;}
.prd-detail .spec-tbl td { background: #fff; color: var(--color-body);}
@media (max-width: 640px) {
	.prd-summary { display:block;}
	.prd-image {margin-bottom:30px; width:100%; margin-right:0;}
	.prd-info {padding: 0; width:100%;}
}

.detailslide-wrap .prd-detail {position: relative;}
.slide-arrowbx {display: flex; align-items: center; gap: var(--padding-20); position: absolute; right: 0; bottom: var(--padding-20); }
.slide-arrowbx .line {width: 1px; height: 14px;  background: #ddd;}
.slide-arrowbx .btn-arrow {position: static !important;margin-top: 0 !important; display: flex; align-items: center; justify-content: center; width: clamp(14px, calc( 22 / var(--inner) * 100vw ), 22px); height: auto; aspect-ratio: 22 / 16;}
.slide-arrowbx .btn-arrow:after {display: none;}
.slide-arrowbx .btn-arrow:hover svg path {stroke: var(--color-secondary);}

.sub2_2_1-bg {padding: clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px) clamp(25px, calc( 80 / var(--inner) * 100vw ), 80px); background: url(../images/sub/sub2_2_1-bg.jpg) no-repeat 50% 50% / cover; border-radius: var(--border-radius-32); overflow: hidden; letter-spacing: -0.5px;} 
.sub2_2_1-bg .toptit {margin-bottom: var(--padding-30);  color: #fff; line-height: 2.4;}
.sub2_2_1-bg .small {font-size:var(--font-size-18); font-weight: 500;}
.sub2_2_1-bg .big {font-size:var(--font-size-28); font-weight: bold; }
.sub2_2_1-bg .bottomdec {display: flex;flex-direction: column;gap:var(--padding-16);}
.sub2_2_1-bg .text {color: rgba(255, 255, 255, 0.60); line-height: 1.5;}

#partners {border-radius: 0 var(--padding-100) var(--padding-100) 0;}
.partner-contain {overflow: hidden;}
.partnerbx + .partnerbx {margin-top:var(--padding-60); padding-top: var(--padding-60); border-top: 1px solid rgba(255, 255, 255, 0.20);}
.partnerbx {display: flex;flex-wrap: wrap;gap: 20px;}
.partnerbx .titlebx {width: clamp(160px, calc( 390 / var(--inner) * 100vw ), 390px);}
.partnerbx .logotit {font-size:var(--font-size-54); font-weight: bold; line-height: 1.2; color: #fff; letter-spacing: -2px;}
.partnerbx .logotit svg {vertical-align: middle; width:var(--padding-60);}

.partnerbx .logobx {flex: 1;}
.partnerbx .logo-grid {display: grid; grid-template-columns: repeat(4,1fr); gap:var(--padding-30);}
.partnerbx .logo-item {border-radius:16px; overflow: hidden;}
.partnerbx .logo-item img {width: 100%;}

.platform-bg {display: flex;align-items: center;justify-content: center; background: url(../images/sub/platform-bg.jpg) no-repeat 50% 50% /cover; border-radius:64px; overflow: hidden; text-align: center; height:clamp(200px, calc( 400 / var(--inner) * 100vw ), 400px) ;}
.platform-bg .txt {position: relative; display: inline-block; padding:0 clamp(33px, calc( 66 / var(--inner) * 100vw ), 66px); font-size: var(--font-size-30); font-weight: bold; line-height: 1.66; color: #fff;}
.platform-bg .txt:after ,
.platform-bg .txt:before {position: absolute; content: ''; top:0; width:clamp(25px, calc( 50 / var(--inner) * 100vw ), 50px); height: auto; aspect-ratio: 1 / 1; background-size: contain; background-repeat: no-repeat;}
.platform-bg .txt:after {left: 0; background-image: url(../images/sub/quo-1.png);}
.platform-bg .txt:before {right: 0; background-image: url(../images/sub/quo-2.png);}
.platform-logo {margin: var(--padding-60) 0; text-align: center;} 
.platform-count {display: flex;flex-wrap: wrap;}
.platform-count .count-item {width: 25%; position: relative; text-align: center;}
.platform-count .count-item:not(:last-child):after {position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); width:1px; height: clamp(100px, calc( 150 / var(--inner) * 100vw ), 150px); border: 1px dashed #ddd;}
.platform-count .icn {margin-bottom:var(--padding-20); padding-bottom: var(--padding-20); position: relative;}
.platform-count .icn img {width: clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px);}
.platform-count .icn:after {position: absolute; content: ''; left: 50%; transform: translateX(-50%); bottom: 0; width:30px; height: 3px; background: #000;}  
.platform-count .numberbx {background: linear-gradient(270deg, #81C795 0%, #3A6CBD 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size: var(--font-size-48); font-weight: bold; line-height: 1.25; font-family: var(--font-montserrat);}
.platform-count .small {display: block; font-size: var(--font-size-20); font-weight: 600; line-height: 1.8;}
.platform-text {margin-top: var(--padding-60); text-align: center; line-height: 1.66; letter-spacing: -0.5px;}
.platform-text .txt1 {font-size: var(--font-size-30); font-weight: 600;}
.platform-text .txt2 {font-size: var(--font-size-20);color: #686868;}
.platform-text + .platform-cards {margin-top: var(--padding-60);}

.platform-cards {display: flex; flex-direction: column; gap: var(--padding-30);}
.platform-cards .card {display: flex; justify-content: space-between; align-items: flex-end;  padding: var(--padding-60); position: relative; background: #fff; border-radius: var(--padding-60); overflow: hidden; z-index: 1;}
.platform-cards .cate {margin-bottom: var(--padding-20); font-family: var(--font-montserrat); font-size: var(--font-size-20); font-weight: 700; text-transform: uppercase; line-height: 1.6; background: linear-gradient(270deg, #81C795 75.79%, #3A6CBD 100%);background-clip: text;	-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.platform-cards .cont-tit {margin-bottom: var(--padding-60); display: flex; flex-direction: column; gap: 8px; letter-spacing: -0.5px;}
.platform-cards .tit {font-size: var(--font-size-40); line-height: 1.2; color: #242424;}
.platform-cards .tit .bold {font-weight: 700;}
.platform-cards .desc {font-size: var(--font-size-24); line-height: 1.33; color: #686868;}
.platform-cards .btn {display: inline-flex; align-items: center; justify-content: space-between; gap: 15px; padding:var(--padding-10) 10px; padding-left: var(--padding-30); min-width: clamp(180px, calc( 270 / var(--inner) * 100vw ), 270px);  border-radius: 100px; color: #fff; font-size: var(--font-size-20); font-weight: 500; line-height: 1.4;}
.platform-cards .card.type1 .btn {background: linear-gradient(270deg, #81C795 0%, #3A6CBD 100%);}
.platform-cards .card.type2 .btn {background: linear-gradient(270deg, #6442A4 0%, #3A6CBD 100%);}
.platform-cards .card.type3 .btn {background: linear-gradient(270deg, #81C795 0%, #3A6CBD 100%);}
.platform-cards .btn .icn {display: flex; align-items: center; justify-content: center; width: clamp(30px, calc( 48 / var(--inner) * 100vw ), 48px); height: clamp(30px, calc( 48 / var(--inner) * 100vw ), 48px); background: rgba(255, 255, 255, 0.2); border-radius: 50%; flex-shrink: 0;}
.platform-cards .btn .icn svg {width: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); height: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px);}
.platform-cards .img {position: absolute; bottom: 0; right: var(--padding-60); z-index: -1;}
.platform-cards .img img { object-fit: cover; height: auto;}
.platform-cards .card.type1 .img img  { aspect-ratio: 396 / 297; width: clamp(100px, calc( 396 / var(--inner) * 100vw ), 396px);}
.platform-cards .card.type2 .img img  { aspect-ratio: 445 / 297;  width: clamp(100px, calc( 445 / var(--inner) * 100vw ), 445px);}
.platform-cards .card.type3 .img img  { aspect-ratio: 413 / 297;  width: clamp(100px, calc( 413 / var(--inner) * 100vw ), 413px);}
.platform-cards .btn:hover .icn {background: #fff;}
.platform-cards .btn:hover .icn path {stroke :#7FC496;}
.platform-cards .card.type2 .btn:hover .icn path {stroke:#6443A5;}
.platform-cards .card.type2 .cate {background: linear-gradient(270deg, #6442A4 80.81%, #3A6CBD 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.exhibition-list {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--padding-60) var(--padding-30); margin-bottom:var(--padding-60); padding-top:30px; border-top: 1px solid #242424;}
.exhibition-list .none {grid-column: 1 / -1; width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.exhibition-list .link-item {display:block; }
.exhibition-list .link-item .thumb {position:relative; padding-bottom:100%; overflow:hidden; border-radius: 24px;}
.exhibition-list .link-item .thumb img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:.3s;}
.exhibition-list .info {padding:var(--padding-30) 5px; padding-bottom: 0;}
.exhibition-list .info .title { font-size:var(--font-size-18) ; font-weight:700; line-height:1.66em; letter-spacing:-.03em;  overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.exhibition-list .infolist {margin-top:10px; display: flex;flex-direction: column;gap: var(--padding-10);}
.exhibition-list .infoitem {display: flex; line-height: 1.87; color: var(--color-body);}
.exhibition-list .infoitem .name {font-weight: 500; width: 40px;}
.exhibition-list .infoitem .dec {flex: 1;}
.exhibition-list .overlay {opacity: 0; display: flex;align-items: center;justify-content: center; position: absolute; right: 0; top: 0; width: 100%; height: 100%; border-radius: 24px;background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%); transition: all 0.4s;}
.exhibition-list .overlay .more {display: inline-flex;align-items: center;justify-content: center; width: clamp(60px, calc( 100 / var(--inner) * 100vw ), 100px); height: clamp(60px, calc( 100 / var(--inner) * 100vw ), 100px); border-radius: 50%; background: var(--color-primary); font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); letter-spacing: -0.4px; color: #fff;}
.exhibition-list .link-item:hover .overlay {opacity: 1;}

.library-list {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--padding-60) var(--padding-30); margin-bottom:var(--padding-60); padding-top:30px; border-top: 1px solid #242424;}
.library-list .none {grid-column: 1 / -1; width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.library-list .thumb-link {display:block; }
.library-list .link-item .thumb {position:relative; padding-bottom:65.78%; overflow:hidden; border-radius: 24px;}
.library-list .link-item .thumb img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:.3s;}
.library-list .info {padding:var(--padding-30) 5px; padding-bottom: 0;}
.library-list .topflx .title { font-size:var(--font-size-18) ; font-weight:700; line-height:1.66em; letter-spacing:-.03em;  overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.library-list .topflx .file-down svg {width: clamp(18px, calc( 28 / var(--inner) * 100vw ), 28px); height: auto; vertical-align: sub;}
.library-list .topflx {display: flex;align-items: center;justify-content: space-between; gap: 10px;}
.library-list .tab-list {margin-top: var(--padding-20);display: flex;flex-wrap: wrap; gap: var(--padding-10);}
.library-list .tab-item {display: inline-flex;align-items: center;justify-content: center; padding:2px 18px; border-radius: 650px; background: rgba(0, 15, 159, 0.05); color: #000F9F; line-height: 1.87;}

.sub5_1_1 .ideal .list {display: grid; grid-template-columns: repeat(4,1fr); gap: var(--padding-30);}
.sub5_1_1 .ideal .item {padding:30px 10px; height: 100%; background: #fff; border-radius: 24px; outline: 1px solid #DDDDDD; outline-offset: -1px; overflow: hidden; display: flex; flex-direction: column; align-items: center;}
.sub5_1_1 .ideal .img img { width: clamp(45px, calc( 80 / var(--inner) * 100vw ), 80px); height: auto; }
.sub5_1_1 .ideal .cont {flex: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: var(--padding-12); padding-top: var(--padding-30); text-align: center;}
.sub5_1_1 .ideal .label {font-weight: 700; line-height: 1.5;}
.sub5_1_1 .ideal .item.primary .label {color: var(--color-primary);}
.sub5_1_1 .ideal .item.secondary .label {color: var(--color-secondary);}
.sub5_1_1 .ideal .subtit {font-size: var(--font-size-18); color: var(--color-dark); line-height: 1.44;}
.sub5_1_1 .ideal .subtit strong {font-weight: 600;}
.sub5_1_1 .ideal .desc {font-size: var(--font-size-14); font-weight: 300; color: var(--color-body); line-height: 1.57;}

.sub5_commbg {padding: var(--padding-150) 0;  color: #fff; text-align: center;}
.sub5_commbg.bg1 {background: url(../images/sub/sub5_1_2-bg.jpg) no-repeat 50% 50% / cover; }
.sub5_commbg.bg2 {background: url(../images/sub/sub5_1_2-bg2.jpg) no-repeat 50% 50% / cover; }
 
.sub5_commbg  .btn-link {display: inline-flex;align-items: center;justify-content: center; gap: var(--padding-15); padding:var(--padding-15) var(--padding-25); background: var(--color-primary); color: #fff; border-radius:80px;}
.sub5_commbg  .arrow {display: inline-flex;align-items: center;justify-content: center;width:clamp(16px, calc( 22 / var(--inner) * 100vw ), 22px); height: clamp(16px, calc( 22 / var(--inner) * 100vw ), 22px); background: #fff; border-radius: 50%;}
.sub5_commbg  .arrow svg {width:clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); height: auto;}
.sub5_commbg  .btn-link:hover {background: var(--color-tertiary);}
.sub5_commbg  .btn-link:hover .arrow path {fill: var(--color-tertiary);}

.apply-board .totaltxt {margin-bottom: 20px;color: var(--color-body);}
.apply-list {display: flex;flex-direction: column; flex-wrap: wrap;gap: var(--padding-22); padding-top: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); border-top: 2px solid #242424;}
.apply-item {display: flex; flex-wrap: wrap; padding:var(--padding-30); border-radius: 16px; background: #fff; border: 1px solid #ddd;}
.apply-item .badgebx {width: 78px;}
.apply-item .badge {display: inline-flex;align-items: center;justify-content: center; padding:var(--padding-10) 10px; font-weight: bold; line-height: 1; background: var(--color-tertiary); border-radius:8px; color: #fff;}
.apply-item .textbx {flex: 1; letter-spacing: -0.6px;}
.apply-item .textbx .title {font-size:var(--font-size-22); font-weight: 600; line-height: 1.27;}
.apply-item .catelist {margin-top:var(--padding-15);}
.apply-item .catelist .cate {display: inline-block;font-size: var(--font-size-15); color: #686868; line-height: 1.53;}
.apply-item .catelist .cate:not(:last-child) {padding-right: 5px; margin-right: 5px;position: relative;}
.apply-item .catelist .cate:not(:last-child):after {position: absolute; content: ''; right: -1px; top: clamp(4px, calc( 6 / var(--inner) * 100vw ), 6px); width: 1px; height: 10px; background: #686868;}

.process-grid {display: flex; justify-content: center; flex-wrap: wrap; gap:var(--padding-60)  var(--padding-30);  position: relative; z-index: 2; overflow: hidden;}
.process-item {width: calc((100% - 3 * var(--padding-30)) / 4) ; position: relative; text-align: center; letter-spacing: -0.7px;}
.process-item:not(:last-child)::before {position: absolute; content: ''; width: 100%; border-top: 2px dashed #ddd; left: 50%; top:  clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); z-index: -1;}
.process-item:not(:last-child)::after {content: ''; position: absolute; right: calc(var(--padding-30) * -1); top: 42%; transform: translateY(-50%); width: clamp(22px, calc( 65 / var(--inner) * 100vw ), 65px); height: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); background: url(../images/sub/arrow2.png) no-repeat center center / contain; z-index: 1;}
.process-item .process-step {display: inline-flex; align-items: center; justify-content: center; padding: 0 20px; height: clamp(32px, calc( 40 / var(--inner) * 100vw ), 40px); margin-bottom: var(--padding-35); background: var(--color-primary); color: #fff; font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: bold; border-radius: 50%;}
.process-item .process-icon {margin-bottom: var(--padding-25);}
.process-item .process-icon img {width: clamp(55px, calc( 72 / var(--inner) * 100vw ), 72px); }
.process-item .process-tit {margin-bottom: 10px; font-size: var(--font-size-18); font-weight: 600; line-height: 1.55; }
.process-item .process-desc {line-height: 1.55; color: var(--color-body);}

.apply-detail {padding:var(--padding-50) clamp(12px, calc( 50 / var(--inner) * 100vw ), 50px); border-radius:16px; border: 1px solid #ddd;}
.apply-detail .apply-item {padding: 0; border: 0;}
.apply-innercontain {padding-top: var(--padding-50); margin-top: var(--padding-40);}
.apply-innercontain .innertit {margin-bottom: var(--padding-30); font-size: var(--font-size-20); line-height: 1; font-weight: 600;}
.apply-innercontain .inner {padding:var(--padding-30); border-radius: 8px; background: rgba(0, 15, 159, 0.03);} 
.apply-form {display: flex;flex-direction: column;gap: 20px;}
.apply-form .form-item {display: flex;align-items: center; flex-wrap: wrap;}
.apply-form .label {width: clamp(100px, calc( 130 / var(--inner) * 100vw ), 130px); font-size: var(--font-size-18); font-weight: 600; line-height: 1;}
.apply-form .inputtext {flex: 1; display: flex;align-items: center; padding:var(--padding-15) var(--padding-20); min-height: clamp(44px, calc( 55 / var(--inner) * 100vw ), 55px); background: #fff; border-radius:8px; width: 100%; border: 0;}
.apply-form .form-item.textarea {align-items: flex-start;}
.apply-form .form-item.textarea .label {margin-top: var(--padding-20);}
.apply-form .form-item.textarea .inputtext {min-height:clamp(250px, calc( 420 / var(--inner) * 100vw ), 420px); align-items: flex-start;}
.apply-detail + .buttons {margin-top: var(--padding-50);}

.form-agree .flxWrap {align-items: center;justify-content: space-between; }
.form-agree .flxWrap .check {margin-bottom: 10px; margin-top: 0; font-size: var(--font-size-14); color: #787878;}
.inputxt {display: flex;align-items: center;height: clamp(38px, calc(44 / var(--inner) * 100vw), 44px);;}