@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:#FDFBFB ;}
.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);}

.btn-link {display: inline-flex;align-items: center;justify-content: center;padding:0 var(--padding-50); height:clamp(40px, calc( 64 / var(--inner) * 100vw ), 64px); border-radius: 100px; background: #fff; border: 1px solid #ddd; font-weight: 600;} 
.btn-link:hover {background: var(--color-primary); color: #fff; border-color: var(--color-primary);}

.intxtbx {margin-bottom: var(--padding-50);}
.intxtbx .dottxt {display: inline-block; font-size: var(--font-size-36); font-weight: bold; line-height: 1.44; position: relative; }
.intxtbx .dottxt:after {position: absolute;content: ''; right: clamp(-25px, calc( -25 / var(--inner) * 100vw ), -12px); top: 0; width:clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px); height: auto; aspect-ratio: 1/1; border-radius: 50%; background: var(--color-primary);}
.intxtbx .dottxt.nodot:after {display: none;}
.intxtbx .tit2 {font-size: var(--font-size-30); font-weight: 600; line-height: 1.6;}
.intxtbx .desc {padding-top: var(--padding-24); font-size: var(--font-size-18); line-height: 1.66; color: var(--color-body);}

.sub1_1_1 {text-align: center;}
.sub1_1_1 .txtbx {display: flex;flex-direction: column;gap: var(--padding-55);}
.sub1_1_1 .txtbx .tit {font-size: var(--font-size-36); line-height: 1.44; font-weight: bold;}
.sub1_1_1 .txtbx .txt1 {font-size: var(--font-size-20); line-height: 1.5; font-weight: 500;}
.sub1_1_1 .txtbx .txt2 {padding-top: var(--padding-32); line-height: 1.6; color: var(--color-body);}
.sub1_1_1 .imgbx {margin-top: var(--padding-65);}
.sub1_1_1 .imgbx img {border-radius:1000px;}

.sub1_1_2 {overflow: hidden;}
.sub1_1_2 .flxWrap {align-items: center;gap: var(--padding-50);}
.sub1_1_2 .textbx {flex: 1 0 auto; width: 1%; display: flex;flex-direction: column;gap: var(--padding-40);}
.sub1_1_2 .textbx .tit {font-size:var(--font-size-36); font-weight: bold; line-height: 1.44;}
.sub1_1_2 .textbx .dec {font-size:var(--font-size-18); line-height: 1.66; color: var(--color-body);}
.sub1_1_2 .listbx {width: clamp(450px, calc( 640 / var(--inner) * 100vw ), 640px);}
.sub1_1_2 .catelinklist {display: grid;grid-template-columns: repeat(2, 1fr); gap: var(--padding-40);}

.catelinkitem {border-radius: var(--border-radius-32); overflow: hidden; transition: all 0.3s ease; border: 1px solid transparent;}
.catelinkitem.bg1 {background:#DACEE5;}
.catelinkitem.bg2 {background:#D5E3BF;}
.catelinkitem.bg3 {background:#DBEFF2;}
.catelinkitem.bg4 {background:#FCE8F0;}
.catelinkitem .imgbx {text-align: center;}
.catelinkitem .btmbx {padding: var(--padding-32); text-align: center;}
.catelinkitem .name {padding-bottom: var(--padding-24); font-size: var(--font-size-24); font-weight: 600; line-height: 1.4;}
.catelinkitem .arrowbx {display: inline-flex;align-items: center;justify-content: center;width:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); height: auto; aspect-ratio: 1/1; border-radius: 50%; background: #fff;} 
.catelinkitem .arrowbx svg {width: clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px); height: auto; aspect-ratio: 1/1;}
.catelinkitem:hover .arrowbx rect {fill: #fff;}
.catelinkitem:hover .arrowbx img {filter: brightness(0) invert(1);}
.catelinkitem.bg1:hover {background: #fff;border-color: #DACEE5;}
.catelinkitem.bg1:hover .arrowbx {background: #DACEE5;}
.catelinkitem.bg2:hover {background: #fff;border-color: #D5E3BF;}
.catelinkitem.bg2:hover .arrowbx {background: #D5E3BF;}
.catelinkitem.bg3:hover {background: #fff;border-color: #DBEFF2;}
.catelinkitem.bg3:hover .arrowbx {background: #DBEFF2;}
.catelinkitem.bg4:hover {background: #fff;border-color: #FCE8F0;}
.catelinkitem.bg4:hover .arrowbx {background: #FCE8F0;}

.greet3-list {display:grid; grid-template-columns: repeat(4,1fr); gap:var(--padding-16);}
.greet3-item {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:clamp(28px, calc(56 / var(--inner) * 100vw), 56px); height:clamp(320px, calc(460 / var(--inner) * 100vw), 460px); padding:var(--padding-16); background:#fdfbfb; border-radius:var(--border-radius-32);}
.greet3-icn {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:clamp(45px, calc(72 / var(--inner) * 100vw), 72px); height:auto; aspect-ratio: 1/1;}
.greet3-icn img {width:100%; height:auto;}
.greet3-txt {display:flex; flex-direction:column; align-items:center; gap:var(--padding-30); width:100%; text-align:center;}
.greet3-tit {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.42;}
.greet3-desc {font-size:var(--font-size-18); color:#454545; line-height:1.67;}
.contactinner {padding: clamp(50px, calc(150 / var(--inner) * 100vw), 150px) clamp(30px, calc(100 / var(--inner) * 100vw), 100px); margin-top: clamp(50px, calc(150 / var(--inner) * 100vw), 150px); background: #FDFBFB; border-radius: var(--border-radius-32); overflow: hidden;} 
.contactinner .flxWrap {align-items: center; gap: 30px; justify-content: space-between;}
.contactinner .textbx {flex: 1 0 auto; width: 1%; display: flex;flex-direction: column;gap: var(--padding-40);}
.contactinner .imgbx {width: clamp(180px, calc(300 / var(--inner) * 100vw), 300px); text-align: center;}

.license1 .catelinklist {display: grid;grid-template-columns: repeat(4,1fr); gap:clamp(15px, calc(65 / var(--inner) * 100vw), 65px);}
.license2 .flxcont {display: flex;flex-direction: column;gap: var(--padding-65);}
.license2 .flxWrap {align-items: center; gap: var(--padding-80);}
.license2 .imgbx {width:clamp(300px, calc(660 / var(--inner) * 100vw), 660px); border-radius:var(--border-radius-32); overflow:hidden; }
.license2 .imgbx img {width: 100%;}
.license2 .textbx {flex: 1 0 auto; width: 1%;display: flex;flex-direction: column;gap: var(--padding-24);}
.license2 .num {display: block; font-size:var(--font-size-80); font-weight: 800; line-height: 1.1; color: #EDEDED;}
.license2 .tit {font-size:var(--font-size-30); font-weight: bold; line-height: 1.3;}
.license2 .desc {color: var(--color-body); line-height: 1.6;}
.license2 .flxWrap:nth-child(even) {flex-direction: row-reverse;}
.license2 .flxWrap:nth-child(even) .textbx {text-align: right;}
.license3 {background: url(../images/sub/license3-bg.jpg) no-repeat center center / cover;}
.license3 .intxtbx .desc {padding-top: var(--padding-32);}
.license3 .morebx {margin-top: var(--padding-32);}

.license-visual {padding: var(--padding-100) 0;  overflow: hidden;}
.license-visual.bg1 {background: #DACEE5;}
.license-visual.bg2 {background: #D5E3BF;}
.license-visual.bg3 {background: #DBEFF2;}
.license-visual.bg4 {background: #FCE8F0;}
.license-visual .flxWrap {align-items: center; gap: 40px; flex-direction: row-reverse;}
.license-visual .imgbx {width:clamp(300px, calc(512 / var(--inner) * 100vw), 512px); }
.license-visual .textbx {flex: 1 0 auto; width: 1%;}
.license-visual .textbx .tit {font-size: var(--font-size-80); font-weight: 600; line-height: 1.1;}
.license-visual .textbx .subtt {padding-top: var(--padding-24); font-size: var(--font-size-30); font-weight: 400; line-height: 1.33;}
.license-visual .textbx .desc {padding-top: var(--padding-40); font-size: var(--font-size-16); line-height: 1.75; color: var(--color-body);}

.tab-wrap {margin:var(--padding-80) 0 var(--padding-100);}
.tablist {display: flex;align-items: center;justify-content: center; gap:clamp(4px, calc( 8 / var(--inner) * 100vw ), 8px); flex-wrap: wrap;}
.tabitem.active .tablink {background: var(--color-primary); color: #fff; border-color: var(--color-primary);}
.tabitem .tablink {display: inline-flex;align-items: center;justify-content: center;padding:0 clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px); height:clamp(36px, calc( 62 / var(--inner) * 100vw ), 62px); font-size: var(--font-size-18); white-space: nowrap; border-radius: 100px; background: #fff; border: 1px solid #ddd; font-weight: 500; letter-spacing: -0.6px;} 

.list-cont .intxtbx {margin-bottom: var(--padding-65); text-align: center;}
.charlist {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--padding-55) var(--padding-40);}
.charlist-item.is-append {opacity:0; transition:opacity 0.45s ease;}
.charlist-item.is-append.is-show {opacity:1;}
.charlist-imgbx {position:relative; padding-bottom:100%; overflow:hidden; border-radius: var(--border-radius-32);}
.charlist-imgbx img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.charlist-overlay {position:absolute; inset:0; z-index:2; display:flex; align-items:center; justify-content:center; padding:clamp(12px, 3.2vw, 24px); box-sizing:border-box; background:rgba(36, 36, 36, 0.72); opacity:0; visibility:hidden; pointer-events:none; transition:opacity 0.28s ease, visibility 0.28s ease;}
.charlist-desc {margin:0; max-width:100%; overflow:hidden; color:#fff; font-size:clamp(13px, calc(15 / var(--inner) * 100vw), 15px); font-weight:500; line-height:1.55; letter-spacing:-0.02em; text-align:center; word-break:keep-all; overflow-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow:ellipsis;}
@media (hover: hover) and (pointer: fine) {.charlist-item:hover .charlist-overlay {opacity:1; visibility:visible;}}
.charlist-name {margin-top: var(--padding-32); font-size:var(--font-size-18); font-weight:600; color:#242424; line-height:1.56; text-align:center;}
.list-cont .morebx {margin-top:clamp(50px, calc(80 / var(--inner) * 100vw), 80px);}

.casepd {padding: var(--padding-80) 0 clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px); overflow: hidden;}
.slideflx {display: flex;align-items: center; flex-wrap: wrap; gap: var(--padding-50); letter-spacing: -0.5px;}
.slideflx .textbx {flex: 1 0 auto; width: 1%; display: flex;flex-direction: column;gap: var(--padding-40);}
.slideflx .textbx .num {display: block; font-size:var(--font-size-80); font-weight: 800; line-height: 1.1; color: #EDEDED;}
.slideflx .textbx .tit {font-size:var(--font-size-30); font-weight: bold; line-height: 1.33;}
.slideflx .textbx .decbx {display: flex;flex-direction: column;gap:var(--padding-20);}
.slideflx .textbx .dec {color: var(--color-body); line-height: 1.66;}
.slideflx .slidebx {width:clamp(300px, calc( 660 / var(--inner) * 100vw ), 660px) ;}

.caseslide {display:flex; flex-direction:column; gap:var(--padding-24);}
.caseslide-main .caseslide-imgbx {position:relative; padding-bottom:100%; border:1px solid #ddd; border-radius:var(--border-radius-32); overflow:hidden;}
.caseslide-main .caseslide-imgbx img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.caseslide-thumbwrap {display:flex; align-items:center; gap:var(--padding-20);}
.caseslide-thumb {flex:1 1 auto; width:1%; min-width:0;}
.caseslide-thumbbx {position:relative; width:100%; padding-bottom:100%; border:1px solid #ddd; border-radius:clamp(12px, calc(16 / var(--inner) * 100vw), 16px); overflow:hidden; cursor:pointer;}
.caseslide-thumb .swiper-slide-thumb-active .caseslide-thumbbx {border-color:var(--color-primary);}
.caseslide-thumbbx img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.caseslide-arrow {position:relative; flex-shrink:0; width:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); height:auto; aspect-ratio: 1/1; margin-top:0; border:none; background:none;}
.caseslide-arrow::after {display:none;}
.caseslide-arrow svg {display:block; width:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); height:auto; aspect-ratio: 1/1; color:#ddd;}

.inquiry-cont {display: flex;flex-direction: column;gap:clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px);}
.inquiry-cont .flxWrap {gap: 40px; }
.inquiry-cont .titbx {width: clamp(120px, calc( 360 / var(--inner) * 100vw ), 360px);}
.inquiry-cont .textbx {flex: 1 0 auto; width: 1%;}

.location-con {display:flex; flex-direction:column; gap:var(--padding-30); margin-bottom: var(--padding-40);}
.location-head {display:flex; flex-direction:column; gap:var(--padding-30);}
.location-icn {width:clamp(28px, calc( 48 / var(--inner) * 100vw ), 48px); height:auto; aspect-ratio:1/1;}
.location-icn img {display:block; width:100%; height:auto;}
.location-addr {display:flex; flex-direction:column; gap:8px;}
.location-addr-main {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.67;}
.location-addr-en {font-size:var(--font-size-18); color:#242424; line-height:1.56;}
.location-addr-sub {font-size:var(--font-size-18); color:#454545; line-height:1.56;}
.location-contact {display:flex; flex-wrap:wrap; align-items:center; gap:var(--padding-48);}
.location-contact li {display:flex; align-items:center; gap:var(--padding-16);}
.location-contact .label {font-size:var(--font-size-16); font-weight:600; color:#242424; line-height:1.63; letter-spacing:-0.03em;}
.location-contact .val {font-size:var(--font-size-16); color:#242424; line-height:1.63;}
.location-list {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--padding-24);}
.location-item {display:flex; flex-direction:column; gap:var(--padding-16); padding:var(--padding-24); background:#fff; border:1px solid #ddd; border-radius:var(--border-radius-32);}
.location-item-icn {display:flex; align-items:center; justify-content:center; width:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); height:auto; aspect-ratio:1/1; background:#f8f8f8; border-radius:8px;}
.location-item-icn img {display:block; width:clamp(16px, calc( 22 / var(--inner) * 100vw ), 22px); height:auto;}
.location-item-tit {font-size:var(--font-size-20); font-weight:700; color:#242424; line-height:1.5;}
.location-item-desc {display:flex; flex-direction:column; gap:0;}
.location-item-desc li {padding-left:12px; position: relative; font-size:var(--font-size-18); color:#454545; line-height:1.78;}
.location-item-desc li:after {position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width:4px; height: 4px; background:var(--color-primary); border-radius: 50%;}
.inquiry-cont #map {width: 100%; height: clamp(250px, calc( 500 / var(--inner) * 100vw ), 500px); border-radius: var(--border-radius-32); overflow: hidden;}
.inquiry-cont .textbx .intxtbx {margin-bottom: var(--padding-65);}