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

/*  css 파일 추가 처리(선택사항)  */
.fr-box .swiper-wrapper {display:block;}

.blocker {z-index: 100;}
.modal {max-width:980px; width: 100%;}

.bg-gray {background:#fafafa;}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px) 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);} 


.cp-intro {display:flex; align-items:center; justify-content:center; padding:clamp(80px, calc( 180 / var(--inner) * 100vw ), 180px) 0; background: url(../images/sub/company-profile-spine.jpg) no-repeat left center / cover; overflow:hidden;}
.cp-intro__inner {position:relative; z-index:2; width:100%; max-width:750px; margin-left: auto;}
.cp-intro__head {display:flex; flex-direction:column; align-items:center; text-align:center; gap:40px;}
.cp-intro__title {font-size:var(--font-size-48); font-weight:700; line-height:1.21em; color:var(--color-dark);}
.cp-intro__divider {position:relative; width:1px; height:clamp(70px, calc( 105 / var(--inner) * 100vw ), 105px); background:#a8a8a8;}
.cp-intro__divider::before {content:''; position:absolute; top:0; left:0; width:1px; height:48px; background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 100%);}
.cp-intro__lead {font-size:var(--font-size-24); font-weight:500; line-height:1.42em; color:var(--color-dark);}
.cp-intro__desc {font-size:var(--font-size-18); font-weight:500; line-height:1.56em; color:var(--color-body);}

.kf-facts {position:relative; padding:clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px) 0 clamp(60px, calc( 270 / var(--inner) * 100vw ), 270px); background:url(../images/sub/facts-bg.jpg) no-repeat center center / cover; }
.kf-facts .contain {position:relative; z-index:1;}
.kf-facts__head {display:flex; flex-direction:column; align-items:center; text-align:center; margin-bottom:var(--padding-70);}
.kf-facts__head .sec-title {font-size:var(--font-size-48); line-height:1.21em; letter-spacing:-0.03em;}
.kf-facts__grid {display:grid; grid-template-columns:repeat(2, minmax(0, 680px)); justify-content:space-between; gap:var(--padding-40);}
.kf-card {display:flex; flex-direction:column; gap:24px; padding:var(--padding-32) var(--padding-32) var(--padding-60); border-radius:24px; background:rgba(255,255,255,0.5);}
.kf-card:nth-child(even) {transform: translateY(clamp(30px, calc( 120 / var(--inner) * 100vw ), 120px));}
.kf-card__img {border-radius:24px; overflow:hidden; height:clamp(180px, calc( 300 / var(--inner) * 100vw ), 300px);}
.kf-card__img img {display:block; width:100%; height:100%; object-fit:cover;}
.kf-card__body {display:flex; flex-direction:column; gap:var(--padding-24);}
.kf-card__num {font-size:var(--font-size-20); font-weight:600; font-style:italic; line-height:1.5em; color:var(--color-secondary);}
.kf-card__txt {font-size:var(--font-size-24); font-weight:600; line-height:1.67em; letter-spacing:-0.03em; color:var(--color-dark);}

.ibt-structure {padding:clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px) 0 clamp(60px, calc( 150 / var(--inner) * 100vw ), 150px);}
.ibt-structure__head {margin-bottom:var(--padding-70);}
.ibt-structure__head .sec-title {font-size:var(--font-size-48); line-height:1.21em;}
.ibt-chart {display:flex; flex-direction:column; align-items:center; gap:clamp(24px, calc( 40 / var(--inner) * 100vw ), 40px);}
.ibt-chart__lead {display:flex; align-items:center; justify-content:center; width:100%; max-width:800px; padding:20px var(--padding-24); border-radius:1000px; background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%); text-align:center;}
.ibt-chart__head {font-size:var(--font-size-24); font-weight:600; line-height:1.42em; color:#fff;}
.ibt-chart__dots {display:flex; flex-direction:column; align-items:center; gap:24px;}
.ibt-chart__dots span {display:block; width:8px; height:8px; border-radius:100px; background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);}
.ibt-chart__dots span:nth-child(1) {opacity:0.2;}
.ibt-chart__dots span:nth-child(2) {opacity:0.6;}
.ibt-chart__body {width:100%; position: relative;}
.ibt-chart__map {position: absolute; top: 0; left: 0; width:100%; overflow:hidden; z-index: -1;}
.ibt-chart__map img {display:block; width:100%; height:auto;}
.ibt-chart__regions {display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); margin-top:var(--padding-120);}
.ibt-region {position:relative; display:flex; flex-direction:column; align-items:center; gap:24px;}
.ibt-region:not(:last-child)::after {content:''; position:absolute; top:50%; right:0; width:1px; height:100px; background:#ebebeb; transform:translateY(-50%);}
.ibt-region__head {display:flex; flex-direction:column; align-items:center; gap:24px; width:100%;  text-align:center;}
.ibt-region__title {font-size:var(--font-size-18); font-weight:600; line-height:1.56em; color:var(--color-dark);}
.ibt-region__label {display:inline-flex; align-items:center; justify-content:center; padding:6px var(--padding-16); border-radius:100px; background:rgba(5,21,216,0.1); color:var(--color-secondary); font-size:var(--font-size-15); font-weight:500; line-height:1.53em;}
.ibt-region__map {width:100%; max-width:240px; height:clamp(140px, calc( 200 / var(--inner) * 100vw ), 200px); overflow:hidden;}
.ibt-region__map img {display:block; width:100%; height:100%; object-fit:contain; object-position:center;}

.ok-offices__inner {display:grid; grid-template-columns:minmax(0, 700px) minmax(0, 640px); align-items:center; justify-content:space-between; gap:var(--padding-40);}
.ok-offices__cards {display:flex; flex-direction:column; gap:16px;}
.ok-offices__map {display:flex; align-items:center; justify-content:center;}
.ok-offices__map img {display:block; width:100%; max-width:640px; height:auto;}
.ok-card {display:flex; flex-direction:column; gap:var(--padding-40); padding:var(--padding-32); border:1px solid #ddd; border-radius:24px;}
.ok-card__top {display:flex; align-items:center; gap:var(--padding-24); min-height:56px;}
.ok-card__icon {display:flex; align-items:center; justify-content:center; flex:0 0 56px; width:56px; height:56px; border-radius:100px; background:#f4f4f4;}
.ok-card__icon img {display:block; width:20px; height:auto;}
.ok-card__name {font-size:var(--font-size-24); font-weight:600; line-height:1.42em; color:var(--color-dark);}
.ok-card__body {display:flex; flex-direction:column; gap:var(--padding-24);}
.ok-card__summary {display:flex; flex-direction:column; gap:8px;}
.ok-card__role {font-size:var(--font-size-18); font-weight:600; line-height:1.56em; color:var(--color-dark);}
.ok-card__role-row {display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.ok-card__role-tit {font-size:var(--font-size-20); font-weight:600; line-height:1.5em; color:var(--color-dark);}
.ok-card__role-txt {font-size:var(--font-size-18); font-weight:400; line-height:1.56em; color:#454545;}
.ok-card__count {font-size:var(--font-size-18); font-weight:400; line-height:1.56em; color:var(--color-primary);}
.ok-card__divider {width:100%; height:1px; background:#ddd;}
.ok-card__info {display:flex; flex-direction:column; gap:8px;}
.ok-card__info-row {display:flex;}
.ok-card__info-row dt {flex:0 0 clamp(50px, calc( 60 / var(--inner) * 100vw ), 60px); max-width: clamp(50px, calc( 60 / var(--inner) * 100vw ), 60px); font-size:var(--font-size-16); font-weight:700; line-height:1.625em; color:var(--color-dark);}
.ok-card__info-row dd {flex:1 1 auto; min-width:0; font-size:var(--font-size-16); font-weight:400; line-height:1.625em; color:#454545;}


.og-offices__hero {padding:clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px) 0 clamp(60px, calc( 150 / var(--inner) * 100vw ), 150px); background:url(../images/sub/offices-global-bg.jpg) no-repeat center bottom / cover;}
.og-offices__grid {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:32px 0;}
.og-card {display:flex; flex-direction:column; gap:var(--padding-40); padding:var(--padding-32); border-left:1px solid rgba(255,255,255,0.3);}
.og-card__flag {width:80px; height:50px;}
.og-card__flag img {display:block; width:100%; height:100%; object-fit:cover;}
.og-card__title {display:flex; flex-direction:column; gap:16px;}
.og-card__title--sm {gap:8px;}
.og-card__country {font-size:var(--font-size-30); font-weight:600; line-height:1.33em; color:#fff;}
.og-card__city {font-size:var(--font-size-18); font-weight:600; line-height:1.56em; color:#fff;}
.og-offices__map {margin-top: var(--padding-70);}
.og-offices__map img {display:block; width:100%; height:auto;}

.prod-tabs {margin-bottom:var(--padding-40);}
.prod-tabs ul {display:flex; flex-wrap:wrap; gap:8px;}
.prod-tabs li a {display:inline-flex; align-items:center; justify-content:center; padding:10px var(--padding-16); border:1px solid #ddd; border-radius:100px; background:#fff; font-size:var(--font-size-16); font-weight:400; line-height:1.625em; color:var(--color-dark);}
.prod-tabs li.active a {border-color:transparent; background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%); color:#fff;}

.prod-list__title {margin-bottom: var(--padding-70); font-size: var(--font-size-30); font-weight: bold;}

.title-tabcontain {margin-bottom:var(--padding-100);}
.title-tabcontain .tab-titbx {margin-bottom: var(--padding-40);}
.title-tabcontain .tab-titbx h3 {font-size:var(--font-size-56); font-weight: bold; line-height: 1.17;}

.sub-tab {margin-bottom:var(--padding-40);}
.sub-tab ul {display:flex; flex-wrap:wrap; gap:8px;}
.sub-tab ul li a {display:inline-flex; align-items:center; justify-content:center; padding:10px var(--padding-16); border:1px solid #ddd; border-radius:100px; background:#fff; font-size:var(--font-size-16); font-weight:400; line-height:1.625em; color:var(--color-dark);}
.sub-tab ul li.active a {border-color:transparent; background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%); color:#fff;}

.ct-office {display:flex; flex-direction:column; gap:clamp(30px, calc(64 / var(--inner) * 100vw), 64px);}
.ct-office__map {border-radius:var(--padding-24); overflow:hidden; height:clamp(250px, calc(440 / var(--inner) * 100vw), 440px);}
.ct-office__map iframe {width: 100%; height:100%;}
.ct-office__detail {display:flex; flex-direction:column; gap:var(--padding-48);}
.ct-office__head {display:flex; align-items:center; gap:var(--padding-24);}
.ct-office__icon {display:flex; align-items:center; justify-content:center; flex:0 0 clamp(35px, calc(56 / var(--inner) * 100vw), 56px); width:clamp(35px, calc(56 / var(--inner) * 100vw), 56px); height:clamp(35px, calc(56 / var(--inner) * 100vw), 56px); border-radius:100px; background:#f4f4f4;}
.ct-office__icon img {display:block; width:clamp(18px, calc(30 / var(--inner) * 100vw), 30px); height:auto;}
.ct-office__name {font-size:var(--font-size-30); font-weight:600; line-height:1.33em; color:var(--color-dark);}
.ct-office__body {display:flex; flex-direction:column; gap:var(--padding-32);}
.ct-office__addr {font-size:var(--font-size-24); font-weight:600; line-height:1.67em; color:var(--color-dark);}
.ct-office__contact {display:flex; flex-wrap:wrap; gap:var(--padding-48);}
.ct-office__contact-row {display:flex; gap:var(--padding-24);}
.ct-office__contact-row dt {font-size:var(--font-size-16); font-weight:700; line-height:1.625em; color:var(--color-dark);}
.ct-office__contact-row dd {font-size:var(--font-size-16); font-weight:400; line-height:1.625em; color:var(--color-body);}

.ct-linkedin {display:flex; flex-direction:column; align-items:center; gap:var(--padding-65);}
.ct-linkedin__intro {display:flex; flex-direction:column; align-items:center; gap:var(--padding-48); width:100%; text-align:center;}
.ct-linkedin__head {display:flex; flex-direction:column; align-items:center; gap:var(--padding-32); max-width:560px;}
.ct-linkedin__title {display:flex; flex-direction:column; align-items:center; gap:8px; font-size:var(--font-size-48); font-weight:700; line-height:1.21em; letter-spacing:-0.03em; color:var(--color-dark);}
.ct-linkedin__title-line {display:block;}
.ct-linkedin__desc {font-size:var(--font-size-20); font-weight:400; line-height:1.5em; color:var(--color-body);}
.ct-linkedin__btn {display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:clamp(200px, calc(320 / var(--inner) * 100vw), 320px); height:clamp(54px, calc(64 / var(--inner) * 100vw), 64px); padding:0 var(--padding-40); border-radius:100px; background:#007ebb; color:#fff; font-size:var(--font-size-18); font-weight:500; line-height:1.56em;}
.ct-linkedin__btn-icon {display:flex; align-items:center; justify-content:center; flex:0 0 clamp(30px, calc(40 / var(--inner) * 100vw), 40px); width:clamp(30px, calc(40 / var(--inner) * 100vw), 40px); height:clamp(30px, calc(40 / var(--inner) * 100vw), 40px);}
.ct-linkedin__btn-icon img {display:block; width:100%; height:100%; object-fit:contain;}
.ct-linkedin__visual {width:100%; max-width:720px; border-radius:1000px; overflow:hidden;}
.ct-linkedin__visual img {display:block; width:100%; height:auto; aspect-ratio:720 / 400; object-fit:cover; object-position:center bottom;}

.sub-title .subtit {font-size:var(--font-size-56); font-weight:700; line-height:1.18em; letter-spacing:-0.03em; color:var(--color-dark); font-family: var(--font-dm);} 
.sub-title .sub-title-line {display:inline;}
.sub-title .sub-desc {margin-top:clamp(16px, calc(32 / var(--inner) * 100vw), 32px); font-size:var(--font-size-20); font-weight:400; line-height:1.5em; color:var(--color-body);}

.inquiry-form {width:100%;}
.inquiry-form__required {color:var(--color-secondary);}
.inquiry-form__input,
.inquiry-form__select,
.inquiry-form__textarea {width:100%; min-height:clamp(44px, calc(56 / var(--inner) * 100vw), 56px); padding:clamp(12px, calc(16 / var(--inner) * 100vw), 16px); border:1px solid #ddd; border-radius:8px; background:#fff; font-size:var(--font-size-16); font-weight:400; line-height:1.625em; color:var(--color-dark);}
.inquiry-form__input::placeholder,
.inquiry-form__textarea::placeholder {color:#999;}
.inquiry-form__textarea {display:block; min-height:clamp(160px, calc(200 / var(--inner) * 100vw), 200px); resize:vertical;}
.inquiry-form__select-wrap {position:relative; max-width:640px;width: 100%;}
.inquiry-form__select {appearance:none; padding-right:var(--padding-45); color:#999;}
.inquiry-form__select:valid {color:var(--color-dark);}
.inquiry-form__select option {color:var(--color-dark);}
.inquiry-form__select-arrow {position:absolute; top:50%; right:clamp(12px, calc(16 / var(--inner) * 100vw), 16px); transform:translateY(-50%) rotate(180deg); width:24px; height:24px; pointer-events:none;}
.inquiry-form__select-arrow img {display:block; width:100%; height:100%;}
.inquiry-form__file {display:flex; flex-wrap:wrap; align-items:center; gap:8px; max-width:769px;}
.inquiry-form__file-name {display:flex; flex:1 1 auto; align-items:center; min-width:0; min-height:clamp(44px, calc(56 / var(--inner) * 100vw), 56px); padding:clamp(12px, calc(16 / var(--inner) * 100vw), 16px); border:1px solid #ddd; border-radius:8px; background:#fff; font-size:var(--font-size-16); font-weight:400; line-height:1.625em; color:#999;}
.inquiry-form__file-input {position:absolute; width:0; height:0; opacity:0; overflow:hidden;}
.inquiry-form__file-btn {display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; min-height:clamp(44px, calc(56 / var(--inner) * 100vw), 56px); padding:clamp(12px, calc(16 / var(--inner) * 100vw), 16px) clamp(16px, calc(24 / var(--inner) * 100vw), 24px); border-radius:8px; background:#111; color:#fff; font-size:var(--font-size-15); font-weight:500; line-height:1.73em; cursor:pointer;}
.inquiry-form__captcha {display:flex; flex-wrap:wrap; gap:8px; max-width:640px; width: 100%;}
.inquiry-form__captcha-img {display:flex; flex:0 0 clamp(90px, calc(140 / var(--inner) * 100vw), 140px); align-items:center; justify-content:center; min-height:clamp(44px, calc(56 / var(--inner) * 100vw), 56px); border-radius:8px; overflow: hidden;}
.inquiry-form__captcha-img img {display:block; max-width:100%; height:auto; cursor:pointer;}
.inquiry-form__captcha .inquiry-form__input {flex:1 1 auto; width:1%;}
.inquiry-form__agree.form-agree {margin:clamp(40px, calc(56 / var(--inner) * 100vw), 56px) 0 clamp(48px, calc(60 / var(--inner) * 100vw), 60px);}
.inquiry-form__agree.form-agree h3 {margin-bottom:var(--padding-16); font-size:var(--font-size-16); font-weight:500; line-height:1.625em; color:var(--color-dark); text-align:left;}
.inquiry-form__agree.form-agree .scroll-box {padding:10px; border:1px solid #ddd; border-radius:8px; background:#fff; font-size:var(--font-size-14); font-weight:400; line-height:1.57em; color:var(--color-body);}
.inquiry-form__check.check {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin-top:var(--padding-24); text-align:center;}
.inquiry-form__agree-link {display:inline-flex; align-items:center; padding:4px 8px; border:1px solid #ddd; border-radius:4px; background:#fff; font-size:var(--font-size-12); font-weight:500; line-height:1.5em; color:#999;}
.inquiry-form__submit {display:flex; justify-content:center;}
.inquiry-form__btn {display:inline-flex; align-items:center; justify-content:center; gap:10px; min-width:clamp(200px, calc(400 / var(--inner) * 100vw), 400px); min-height:clamp(48px, calc(64 / var(--inner) * 100vw), 64px); padding:0 var(--padding-40); border:0; border-radius:100px; background:var(--color-primary); color:#fff; font-size:var(--font-size-18); font-weight:500; line-height:1.56em; cursor:pointer;}
.inquiry-form__btn img {display:block; width:clamp(14px, calc(18 / var(--inner) * 100vw), 18px); height:auto; aspect-ratio: 1/1;}