@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;}
.subsec-pd2 {padding: clamp(50px, calc( 120 / var(--inner) * 100vw ), 120px) 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);}
/* 인사말 */
.greeting {display:flex; align-items:flex-start; gap:var(--padding-80); overflow: hidden;}
.greeting-media {flex:0 0 clamp(280px, calc(650 / var(--inner) * 100vw), 650px); max-width:46%; overflow:hidden; border-radius:16px;}
.greeting-media img {display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:650/720;}
.greeting-body {flex:1; min-width:0;}
.greeting-headline {color:#121212; font-size:var(--font-size-32); font-weight:600; letter-spacing:-.03em; line-height:1.5em;}
.greeting-headline .em {background:linear-gradient(90deg,#0049a9,#001d43); -webkit-background-clip:text; background-clip:text; color:transparent;}
.greeting-line {position:relative; margin-top:var(--padding-40); width:100%; height:1px; background:#ddd;}
.greeting-line:before {content:""; position:absolute; top:0; left:0; width:100px; height:1px; background:#0049a9;}
.greeting-txt {margin-top:var(--padding-40);}
.greeting-txt p {color:#505050; font-size:var(--font-size-20); font-weight:400; letter-spacing:-.03em; line-height:1.8em;}
.greeting-txt p + p {margin-top:var(--padding-28);}
/* 인증서 · 특허 공통 */
.doc-list {display:grid; grid-template-columns:repeat(4,1fr); gap:var(--padding-60) var(--padding-40);}
.doc-list .item {display:flex; flex-direction:column; align-items:center; gap:var(--padding-20);}
.doc-list .thumb {overflow:hidden; width:100%; border-radius:8px;}
.doc-list .thumb img {display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:320/430;}
.doc-list .tit {width:100%; color:#121212; font-size:var(--font-size-24); font-weight:500; letter-spacing:-.03em; line-height:1.4em; text-align:center;}
/* 삼원로드클립 */
.roadclip-video-more {display:flex; justify-content:flex-end; margin-top:var(--padding-40);}
.roadclip-product {padding-top:var(--padding-150);}
.roadclip-product-head {margin-bottom:var(--padding-60); text-align:center;}
.roadclip-product-head .tit {color:#121212; font-size:var(--font-size-40); font-weight:700; letter-spacing:-.03em; line-height:1.2em;}
.roadclip-product-head .dec {margin-top:var(--padding-24); color:#505050; font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.55em;}
.roadclip-detail {display:flex; flex-direction:column; gap:var(--padding-80);}
.roadclip-detail .item {display:flex; align-items:flex-start; gap:clamp(40px, calc(96 / var(--inner) * 100vw), 96px);}
.roadclip-detail .media {flex:0 0 clamp(260px, calc(600 / var(--inner) * 100vw), 600px); max-width:46%; overflow:hidden; border:1px solid #ddd; border-radius:16px;}
.roadclip-detail .media img {display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:600/350;}
.roadclip-detail .body {flex:1; min-width:0;}
.roadclip-detail .body > .tit {color:#121212; font-size:var(--font-size-32); font-weight:700; letter-spacing:-.03em; line-height:1.2em;}
.roadclip-detail .line {position:relative; margin-top:var(--padding-40); width:100%; height:1px; background:#ddd;}
.roadclip-detail .line:before {content:""; position:absolute; top:0; left:0; width:100px; height:1px; background:#0049a9;}
.roadclip-detail .feat {margin-top:var(--padding-40);}
.roadclip-detail .feat-tit {margin-bottom:var(--padding-32); color:#121212; font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.2em;}
.roadclip-detail .feat-list li {position:relative; padding-left:12px; color:#505050; font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.2em;}
.roadclip-detail .feat-list li:before {content:""; position:absolute; top:8px; left:0; width:4px; height:4px; border-radius:50%; background:#505050;}
.roadclip-detail .feat-list li + li {margin-top:var(--padding-24);}
.roadclip-detail .feat-list li.is-strong {font-weight:600;}
.roadclip-patent {position:relative; margin-top:var(--padding-150); padding:var(--padding-120) 0; overflow:hidden;}
.roadclip-patent:before {content:""; position:absolute; inset:0; background:url("/images/sub/roadclip-patent-bg.jpg") 50% 50% / cover no-repeat; z-index:0;}
.roadclip-patent .contain {position:relative; z-index:2;}
.roadclip-patent-head {margin-bottom:var(--padding-50); text-align:center; color:#fff;}
.roadclip-patent-head .tit {font-size:var(--font-size-40); font-weight:700; letter-spacing:-.03em; line-height:1.2em;}
.roadclip-patent-head .dec {margin-top:var(--padding-20); font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.4em;}
.doc-list.cols-5 {grid-template-columns:repeat(5,1fr); gap:var(--padding-20);}
.doc-list.cols-5 .thumb img {aspect-ratio:264/355;}