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

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

.bizlist {display:flex; flex-direction:column; gap:var(--padding-40);}
.bizlist-item {display:flex; gap:var(--padding-40); align-items:flex-start; flex-wrap: wrap; padding:var(--padding-48); background:#fff; border:1px solid #ddd; border-radius:16px;}
.bizlist-item .img {flex:0 0 clamp(280px, calc(420 / var(--inner) * 100vw), 420px); overflow:hidden;}
.bizlist-item .img img {width:100%; aspect-ratio:420/300; object-fit:cover;}
.bizlist-item .cont {flex:1; min-width:0; display:flex; flex-direction:column; gap:var(--padding-24);}
.bizlist-item .head {display:flex; flex-direction:column; gap:10px;}
.bizlist-item .tit {display:flex; flex-direction:column; gap:10px; font-size:var(--font-size-24); font-weight:700; line-height:1.5; letter-spacing:-0.03em;}
.bizlist-item .bar {display:block; width:60px; height:4px; background:var(--color-secondary);}
.bizlist-item .desc { color:var(--color-body); line-height:1.25; letter-spacing:-0.01em;}
.bizlist-item .list {list-style:none; display:flex; flex-direction:column; gap:var(--padding-10);}
.bizlist-item .listitem {position:relative; padding-left:clamp(15px, calc( 22 / var(--inner) * 100vw ), 22px); font-size:var(--font-size-16); color:var(--color-body); line-height:1.25; letter-spacing:-0.01em;}
.bizlist-item .listitem::before {position:absolute; left:0; top:6px; width:clamp(4px, calc( 6 / var(--inner) * 100vw ), 6px); height:clamp(4px, calc( 6 / var(--inner) * 100vw ), 6px); background:var(--color-secondary); border-radius:50%; content:'';}

.result-text {margin-bottom: clamp(30px, calc( 50 / var(--inner) * 100vw ), 50px); font-weight: bold; color: var(--color-body); text-align: center;}
.result-text .color1 {color: #034EA2;}
.result-text .color2 {color: #CC7D11;}

.wrap-call {padding-bottom:var(--padding-40);}
.wrap-call .inner {display:flex; gap:var(--padding-24); align-items:flex-start;}
.wrap-call .img {flex:0 0 clamp(20px, calc( 48 / var(--inner) * 100vw ), 48px); width:clamp(20px, calc( 48 / var(--inner) * 100vw ), 48px); height:clamp(20px, calc( 48 / var(--inner) * 100vw ), 48px);}
.wrap-call .img img {width:100%; height:100%; object-fit:contain;}
.wrap-call .call {flex:1; min-width:0; display:flex; flex-direction:column; gap:var(--padding-10);}
.wrap-call .tit {font-size:clamp(18px, calc(22 / var(--inner) * 100vw), 22px); font-weight:700; line-height:1.18; color:#000; letter-spacing:-0.01em;}
.wrap-call .desc {font-size:var(--font-size-16); color:var(--color-body); line-height:1.5; letter-spacing:-0.03em;}

.file-upload {display:flex; height:clamp(38px, calc( 44 / var(--inner) * 100vw ), 44px); gap: var(--padding-10);}
.file-button {display:flex; justify-content:center; align-items:center; height:100%; padding:0 20px; border:0;background:#242424; color:#fff; cursor:pointer;}
.file-name {flex:1 1 auto; min-width:0; width:1%; display:flex; align-items:center; height:100%; padding:0 14px; border:1px solid #ddd; color: #999;}