@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !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.77; color: var(--color-body);font-size:var(--font-size-18);}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:clamp(12px, calc(14 / var(--inner) * 100vw), 14px); 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:#fafafa;}
.bg-main {background: var(--color-primary);}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(50px, calc( 120 / var(--inner) * 100vw ), 120px) 0;}
.subsec-pd2 {padding: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px) 0;}

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

.insub-titbox {margin-bottom: var(--padding-80); letter-spacing: -0.5px;}
.insub-titbox .insubtit {font-size: var(--font-size-40); font-weight: 800; color: var(--color-primary); }
.insub-titbox.white .insubtit {color: #fff;}

.sub1_2_1 {max-width: 1920px; margin:0 auto;}
.sub1_2_1 .topsection {padding-bottom: var(--padding-80); position: relative;}
.sub1_2_1 .topsection:after {position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 435px; background: #F8F9FA; border-radius: 0 var(--padding-80) 0 0; z-index: -1}
.sub1_2_1 .topsection .flxWrap {align-items: flex-end; gap: var(--padding-80);}
.sub1_2_1 .topsection .imgbx {width:clamp(300px, calc( 700 / var(--inner) * 100vw ), 700px);}
.sub1_2_1 .topsection .textbx {flex: 1; letter-spacing: -0.5px;}
.sub1_2_1 .topsection .textbx .title {margin-bottom: var(--padding-30); font-size:var(--font-size-32); font-weight: 600; line-height:1.43; color:var(--color-primary); }
.sub1_2_1 .topsection .textbx .desc {line-height: 1.87; color: var(--color-body);}

.sub1_2_1 .visionlist {display: grid; grid-template-columns: repeat(3,1fr); flex-wrap: wrap;}
.sub1_2_1 .visionlist .item {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: var(--padding-30);}
.sub1_2_1 .visionlist .item:not(:last-child):after {position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: clamp(150px, calc(358 / var(--inner) * 100vw), 358px); background: #DDDDDD;}
.sub1_2_1 .visionlist .icn {display: flex; align-items: center; justify-content: center; width: clamp(35px, calc(56 / var(--inner) * 100vw), 56px); aspect-ratio: 1 / 1; overflow: hidden;}
.sub1_2_1 .visionlist .icn img {width: 100%; height: auto; object-fit: contain;}
.sub1_2_1 .visionlist .titbox {display: flex; flex-direction: column; align-items: center;}
.sub1_2_1 .visionlist .tit {font-size: var(--font-size-28); font-weight: 600; line-height: 1.5; color: var(--color-primary);}
.sub1_2_1 .visionlist .sub {line-height: 1.87; color: #0c2340; text-align: center;font-weight:500;font-size:var(--font-size-20);}
.sub1_2_1 .visionlist .desc {font-size: var(--font-size-18); line-height: 1.78; color: #505050; text-align: center;}

.sub1_2_2 .missionlist {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; border-top: 1px solid #ddd;}
.sub1_2_2 .missionlist .item {border-bottom: 1px solid #ddd; width: 100%;}
.sub1_2_2 .missionlist .inner {display: flex; justify-content: space-between; align-items: center; align-self: stretch; flex-wrap: wrap; padding: var(--padding-50) 0; opacity: 0.4; transition: opacity 0.25s ease; }
.sub1_2_2 .missionlist .inner:hover {opacity: 1;}
.sub1_2_2 .missionlist .left {display: flex; justify-content: flex-start; align-items: center; gap: var(--padding-20);}
.sub1_2_2 .missionlist .num {font-size: var(--font-size-18); font-weight: 600; line-height: 1.78; color: rgba(255, 255, 255, 0.7);}
.sub1_2_2 .missionlist .tit {font-size: var(--font-size-28); font-weight: 600; line-height: 1.5; color: #fff;}
.sub1_2_2 .missionlist .eng {font-size: var(--font-size-18); line-height: 1.78; color: var(--color-secondary);}
.sub1_2_2 .missionlist .desc {width: clamp(280px, calc(560 / var(--inner) * 100vw), 560px); font-size: var(--font-size-16); line-height: 1.87; color: rgba(255, 255, 255, 0.7);}

.sub1_2_2 .topimg {margin-bottom: var(--padding-80); border-radius:0 var(--padding-80) 0 0; overflow: hidden;}
.sub1_2_2 .bottomtext {display: flex;flex-wrap: wrap;gap:30px; letter-spacing: -0.5px;}
.sub1_2_2 .bottomtext .titlebx {display: flex;flex-direction: column;gap: var(--padding-60); width: clamp(300px, calc(680 / var(--inner) * 100vw), 680px);}
.sub1_2_2 .bottomtext .titlebx .tit {font-size: var(--font-size-32); line-height: 1.43; font-weight: 400; color: var(--color-body);}
.sub1_2_2 .bottomtext .textbx{ flex: 1;}
.sub1_2_2 .bottomtext .decbx {display: flex;flex-direction: column;gap: var(--padding-25);}
.sub1_2_2 .bottomtext .dec {line-height: 1.87; color: var(--color-body);}
.sub1_2_2 .bottomtext .signbx {display: flex; align-items: center; gap:var(--padding-12); margin-top: var(--padding-70);}
.sub1_2_2 .bottomtext .signbx .txt {font-size: var(--font-size-18);color: var(--color-body);}
.sub1_2_2 .bottomtext .signbx img {width:clamp(40px, calc(62 / var(--inner) * 100vw), 62px);}


.history-bnr {margin-bottom: var(--padding-100);height: clamp(250px, calc(400 / var(--inner) * 100vw), 400px); padding:20px; display: flex; align-items: center; justify-content: center; background:url('../images/sub/history-bnr.jpg') no-repeat 50% 50% / cover;}
.history-bnr h2 {font-size: var(--font-size-32); font-weight: 600; letter-spacing: -.04em;  color: #fff;}


.history .item {display:flex;}
.history .item h3 {margin-bottom:40px; font-size: 48px; font-weight: 700; letter-spacing: -.03em; line-height: 1.4em; color: var(--color-primary ); text-align:left; width:320px; line-height:1em; margin:-8px 0 0;}
.history .list {flex:1 1 auto; min-width:0; width:1%; padding:0 0 100px var(--padding-110); position:relative;}
.history .list:before {position:absolute; content:""; background:var(--color-secondary); margin-left:-12px; top:0; left:0; width:24px; height:24px; border-radius:100%; border:6px solid rgba(255, 255, 255, 0.70);}
.history .list:after {position:absolute; content:""; left:0; top:0; width:1px; height:100%; background:#ddd; z-index:-1;}
.history .list li {margin-bottom:16px; display:flex; line-height:1.77em; color: #484848; font-size: 18px;}
.history .list li:last-child {margin-bottom:0;}
.history .list strong {min-width:45px;  color:var(--color-primary); font-weight:700;}
.history .list span {display: block;}
.history .list .desc:not(:last-child) {margin-bottom: 14px;}
.history .item:last-child .list {padding-bottom:0;} 
.history .item:last-child .list:after {display:none;}

@media (max-width: 1024px) {
	.history .item h3 {width:190px; font-size: 38px;}
	.history .list {padding-bottom:60px;}
	.history .list li {margin-bottom:15px;}
	.history .list:before {width:22px; height:22px; border-width:5px; margin-left:-11px; top:-3px}
}

@media (max-width: 640px) {
	.history .item {border:0; display:block;}
	.history .item h3 {font-size: 22px; margin-bottom:15px; padding-left:25px; width: 100%;}
	.history .list {padding-bottom:50px; width:100%; padding-left:25px;}
	.history .list li {margin-bottom:10px; font-size: 15px;}
	.history .list:after {display:none;}
	.history .list:before {width:14px; height:14px; top:-33px; margin-left:0; border-width: 4px;}
	.history .list strong {min-width:32px; }
	.history .list .desc:not(:last-child) {margin-bottom: 8px;}
}

.license-grid {display: grid;grid-template-columns: repeat(2, 1fr); gap: var(--padding-45);}
.ingrid-list {display: flex; position: relative;}
.ingrid-list:before {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}

.busi-topwrap {background: #F8F9FA;}
.busi-topwrap .eng {display: block; margin-bottom:var(--padding-30); font-size: var(--font-size-24); font-weight: 600; color: var(--color-primary); line-height: 1.41;}
.busi-topwrap .descbx {padding:var(--padding-10) var(--padding-15); padding-bottom: 0; position: relative;z-index: 1;}
.busi-topwrap .descbx:after {position: absolute; content: ''; left: 0; top: 0; width:40px; height: 40px; background: #0c23401c; border-radius: 50%; z-index: -1;}
.busi-topwrap .txt1 { font-size: var(--font-size-40); line-height: 1.43; color: var(--color-body); }
.busi-topwrap .txt2 {margin-top: var(--padding-60); font-size: var(--font-size-18); line-height: 1.78; color: var(--color-body); }
.busi-topwrap.ty2 {background: transparent;}
.busi-topwrap.ty2 .border { padding-bottom: var(--padding-100); border-bottom: 1px solid #ddd;}
.busi-topwrap.ty2 .txt1 {font-size: var(--font-size-32);}
.busi-topwrap.ty2 .imgbx {margin-bottom: var(--padding-80);}

.one-page {position: relative;max-width:1920px;margin:0 auto;}
.one-page-nav {position: absolute; top: var(--padding-100); left: 12.5%; z-index: 10; transition: box-shadow 0.3s ease, background-color 0.3s ease;}
.one-page-nav.fixed {position: fixed; top: var(--one-page-nav-top, calc(var(--header-height) + 40px)); left: var(--one-page-nav-left, 12.5%); z-index: 30;}
.one-page-nav.is-stuck {padding-top: 20px;}
.one-page-nav .space-menu {display: flex;flex-direction: column;gap: var(--padding-28);}
.one-page-nav .space-menu a {display: inline-block; position: relative; font-size: var(--font-size-24); font-weight: 600; color: #999;caret-color: transparent; /* 캐럿 숨기기 */ user-select: none;}
.one-page-nav .space-menu a:after {position: absolute; content: ''; right: -20px; top: 50%;transform:translatey(-50%); width:clamp(6px, calc(9 / var(--inner) * 100vw), 9px); height: clamp(6px, calc(9 / var(--inner) * 100vw), 9px); border-radius: 50%; background: var(--color-primary); opacity: 0;}
.one-page-nav .space-li.active a {color: var(--color-primary);}
.one-page-nav .space-li.active a:after {opacity: 1;}
.one-page-nav .space-li:hover a {color: var(--color-primary);}
.one-page-nav .space-li:hover a:after {opacity: 1;}
.onepage-content {padding-left: clamp(90px, calc( 355 / var(--inner) * 100vw ), 355px); }
.one-page .section-box:first-child {padding-top:var(--padding-100);}
.one-page .section-box:not(:first-child) {padding-top: var(--padding-100); margin-top: var(--padding-100); border-top: 1px solid #ddd;} 
.one-page .insec-box + .insec-box {margin-top: var(--padding-80);}
.one-page .insec-box.ty2 + .insec-box.ty2 {margin-top: var(--padding-50);}
.one-page .insec-box.ty3 + .insec-box.ty3 {margin-top: var(--padding-70);}
.one-page .commtitbox {color: var(--color-body);}
.one-page .commtitbox.ty2 {margin-bottom: var(--padding-50);}
.one-page .commtitbox.ty3 {margin-bottom: var(--padding-70);}
.one-page .commtitbox .title {font-size:var(--font-size-34); color: var(--color-body); line-height: 1.43; font-weight: 400;}
.one-page .commtitbox .dec {font-size: var(--font-size-20); line-height: 1.78; }
.one-page .commtitbox .title + .dec {margin-top: var(--padding-40); }
.one-page .commtitbox .dec + .title {margin-top: var(--padding-15); }
.one-page .insec-tit {margin-bottom: var(--padding-45); font-size: var(--font-size-24); font-weight: 600; color: var(--color-primary); }
.process-list {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 15px var(--padding-48);}
.process-list .process-item {position: relative; display: flex; justify-content: center; align-items: center; width: clamp(100px, calc(140 / var(--inner) * 100vw), 140px); height: clamp(100px, calc(140 / var(--inner) * 100vw), 140px); border-radius: 50%; outline: 1px solid #DDDDDD; outline-offset: -1px; font-size: var(--font-size-22); font-weight: 600; line-height: 1.7; color: #0c2340; text-align: center;}
.process-list .process-item:not(:last-child):after {position: absolute; left: 100%; top: 50%; transform: translateY(-50%); margin-left: 3px; width: clamp(20px, calc(34 / var(--inner) * 100vw), 34px); aspect-ratio: 34 / 17; height: auto; background: url(/images/sub/arrow.png) no-repeat center / contain; content: '';}
.one-page .intextinner {padding: var(--padding-15) var(--padding-20); margin-top:var(--padding-45); background: #F8F9FA; border-radius: 8px;}
.typelist {display: flex; flex-direction: column; align-items: flex-start; gap: var(--padding-20);}
.typelist .item {display: flex; justify-content: flex-start; align-items: center; align-self: stretch; padding: var(--padding-30); background: #F8F9FA; border-top-right-radius: clamp(40px, calc(80 / var(--inner) * 100vw), 80px); gap: var(--padding-40);}
.typelist .icnbx {display: flex; justify-content: center; align-items: center; width: clamp(80px, calc(120 / var(--inner) * 100vw), 120px); height: clamp(80px, calc(120 / var(--inner) * 100vw), 120px); background: #fff; border-radius: 8px; outline: 1px solid #EEEEEE; outline-offset: -1px; flex-shrink: 0;}
.typelist .icn {display: flex; align-items: center; justify-content: center; width: clamp(35px, calc(56 / var(--inner) * 100vw), 56px); height: clamp(35px, calc(56 / var(--inner) * 100vw), 56px);}
.typelist .icn img {object-fit: contain;}
.typelist .textbx {display: flex; flex-direction: column; gap: var(--padding-15); flex: 1; min-width: 0;}
.typelist .tit {font-size: var(--font-size-24); font-weight: 600; line-height: 1.58; color: #222;}
.typelist .desc {line-height: 1.87; color: var(--color-body);}
.steplist .row {display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: var(--padding-80); position: relative;}
.steplist .row:before {position: absolute; content: ''; left: 0; top: 12px; width: 100%; height: 1px; background: linear-gradient(90deg, #DDD 87.98%, rgba(221, 221, 221, 0.00) 100%); z-index: -1;}
.steplist .row:last-child {margin-bottom: 0;}
.steplist .item {display: flex; flex-direction: column; align-items: center; position: relative;}
.steplist .item:not(:last-child):after {position: absolute; right: 0; top: 65%; transform: translateY(-50%); width: clamp(20px, calc(34 / var(--inner) * 100vw), 34px); aspect-ratio: 34 / 17; height: auto; background: url(/images/sub/arrow.png) no-repeat center / contain; content: '';}
.steplist .num {display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; margin-bottom: var(--padding-35); background: var(--color-primary); border-radius: 50%; font-size: var(--font-size-16); line-height: 1.87; color: #fff;}
.steplist .card {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.steplist .card .tit {margin-bottom: var(--padding-30);}
.steplist .tit {font-size: var(--font-size-22); font-weight: 600; color: var(--color-primary); text-align: center;}
.steplist .desc {font-size: var(--font-size-18); line-height: 1.87; color: var(--color-body); text-align: center;}
.commimg-list {display: flex;flex-wrap: wrap;gap: var(--padding-45);}
.commimg-list .name {display: block; padding-top:var(--padding-24); font-size: var(--font-size-22); font-weight: 600; color: var(--color-primary); text-align: center;}
.commimg-item.wid-50 {width:  calc((100% - 1 * var(--padding-45)) / 2);}
.commimg-item:not(.wid-50) {width: 100%;}

.performance-grid {display: flex;flex-direction: column;gap: var(--padding-100);}
.performance-item {display: flex;flex-wrap: wrap;align-items: center; gap:20px var(--padding-80);}
.performance-item .imgbx {width: clamp(350px, calc(800 / var(--inner) * 100vw), 800px);}
.performance-item .imgbx .images {position: relative; padding-bottom: 71.25%; overflow: hidden;}
.performance-item .imgbx .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: 0 var(--padding-80) 0 0;*/}
.performance-item .textbx {flex: 1; letter-spacing: -0.5px;}
.performance-item .toptit {margin-bottom: var(--padding-40);}
.performance-item .badge {display: block; color: #999;}
.performance-item .title {margin-top:var(--padding-22); font-size: var(--font-size-32); font-weight: 600; line-height: 1.43; color: var(--color-primary); }
.performance-item .morebx {margin-top: var(--padding-50);}
.perform-infolist {display: flex;flex-direction: column;gap: var(--padding-20);}
.perform-infoitem {display: flex; line-height: 1.87;}
.perform-infoitem .name {font-weight: 600; color:#999; width: 50px;}
.perform-infoitem .desc {flex: 1; }
.performance-bottons {margin-top:var(--padding-100);}
.performance-item:nth-child(even) {flex-direction: row-reverse;}
/* .performance-item:nth-child(even) .imgbx .images img {border-radius: 0 0 0 var(--padding-80);} */

.sub5_2 .commtext {margin-bottom: var(--padding-80); letter-spacing: -0.5px;}
.sub5_2 .commtext .title {font-size: var(--font-size-32); font-weight: 600; line-height: 1.43; color: var(--color-body); font-weight: 400;}
.sub5_2 .commtext .desc {margin-top:var(--padding-35); line-height: 1.87; color: var(--color-body);}
.sub5_2 .bicilogo {display: flex;align-items: center;justify-content: center; padding: clamp(50px, calc(135 / var(--inner) * 100vw), 135px) 20px; border: 1px solid #ddd; }
.sub5_2 .bicilogo .cibilogo {width:clamp(140px, calc( 242 / var(--inner) * 100vw ), 242px);}
.sub5_2 .bicilogo .cibilogo2 {height:clamp(16px, calc( 34 / var(--inner) * 100vw ), 34px);}
.sub5_2 .bicilogo .txt {font-size:var(--font-size-48); font-weight: bold; letter-spacing: -1.22px;}

.colorlist {display: grid; grid-template-columns: repeat(3, 1fr); gap:15px var(--padding-45);}
.colorlist .item {display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start;  height: 100%; padding: var(--padding-30);}
.colorlist .item.navy {background: #0C2340;}
.colorlist .item.orange {background: var(--color-secondary);}
.colorlist .item.black {background: #222222;}
.colorlist .inner {display: flex; flex-direction: column; align-items: flex-start; gap: var(--padding-30); padding-top: var(--padding-35);}
.colorlist .tit {font-size: var(--font-size-28); font-weight: 600; line-height: 1.5; color: #fff;}
.colorlist .infolist {display: flex; flex-direction: column; align-items: flex-start; gap: var(--padding-10); align-self: stretch;}
.colorlist .inforow {display: flex; justify-content: flex-start; align-items: center; line-height: 1.87;}
.colorlist .label {width: 70px; font-size: var(--font-size-16); font-weight: 600;  color: #fff;}
.colorlist .vals {flex: 1; display: flex; align-items: center; gap: var(--padding-12);}
.colorlist .vals span {font-size: var(--font-size-16); color: #fff;}
.colorlist .vals .sep {width: 1px; height: 10px; background: #fff;}

.sub5_2-list {display: flex;flex-wrap: wrap; gap:var(--padding-45);}
.sub5_2-item:not(.wid-50) {width: 100%;}
.sub5_2-item.wid-50{width: calc((100% - 1 * var(--padding-45)) / 2);}

.ideallist {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; gap: var(--padding-20);}
.ideallist .item {flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--padding-35);}
.ideallist .icnbx {display: flex; justify-content: center; align-items: center;}
.ideallist .icn {display: flex; align-items: center; justify-content: center; width: clamp(35px, calc( 72 / var(--inner) * 100vw ), 72px); height: clamp(35px, calc( 72 / var(--inner) * 100vw ), 72px);}
.ideallist .icn img {object-fit: contain;}
.ideallist .textbx {display: flex; flex-direction: column; align-items: flex-start; gap: var(--padding-20); flex: 1; min-width: 0;}
.ideallist .tit {font-size: var(--font-size-24); font-weight: 600; line-height: 1.58; }
.ideallist .desc {line-height: 1.87; color: var(--color-body);}

.philosophylist {display: flex;flex-wrap: wrap; gap: var(--padding-45);}
.philosophylist .item {display: flex; flex-direction: column; align-items: flex-start; padding: var(--padding-45) ; width: calc((100% - 1 * var(--padding-45)) / 2); border-bottom-right-radius: clamp(40px, calc(80 / var(--inner) * 100vw), 80px); outline: 1px solid #DDDDDD; outline-offset: -1px; gap: var(--padding-40);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);}
.philosophylist .icnbx {display: flex; justify-content: center; align-items: center; }
.philosophylist .icn {display: flex; align-items: center; justify-content: center; width: clamp(35px, calc( 72 / var(--inner) * 100vw ), 72px); height: clamp(35px, calc( 72 / var(--inner) * 100vw ), 72px);}
.philosophylist .icn img {object-fit: contain;}
.philosophylist .textbx {display: flex; flex-direction: column; align-items: flex-start; gap: var(--padding-20); align-self: stretch;}
.philosophylist .tit {font-size: var(--font-size-24); font-weight: 600; line-height: 1.58; color: #222;}
.philosophylist .desc {line-height: 1.87; color: var(--color-body);}

/* one-page nav (common) */
.one-page .onepage-content .section-box.scollbx[id] { scroll-margin-top: 6rem; }