 @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;}

.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);}

.subsec-wrap {display: flex;flex-direction: column;gap: var(--padding-150);}
.subsec-wrap .subsec {display: flex;flex-direction: column;gap: var(--padding-80);}

.commflxWrap {display: flex;align-items: center;flex-wrap: wrap; gap: var(--padding-100);}
.commflxWrap .imgbx {width:clamp(300px, calc( 700 / var(--inner) * 100vw ), 700px);}
.commflxWrap .textbx {flex: 1; letter-spacing: -0.5px;}
.commflxWrap.reverse {flex-direction: row-reverse;}

.polfeat { display:flex; flex-direction:column; gap:var(--padding-30); align-items:flex-start; width:100%; }
.polfeat .titpill { display:flex; align-items:center; justify-content:center;padding:var(--padding-20) var(--padding-30); background:var(--color-primary); border-radius:1000px; color:var(--color-white); font-size:var(--font-size-22); width: 100%; font-weight:600; letter-spacing:-0.03em; line-height:1.2; text-align:center; }
.polfeat .list { display:flex; flex-direction:column; gap:var(--padding-20); width:100%; }
.polfeat .item { display:flex; flex-wrap:wrap; align-items:center; gap:15px; min-height:clamp(50px, calc( 64 / var(--inner) * 100vw ), 64px); width:100%; padding:16px var(--padding-35); background:var(--color-white); border-radius:8px; box-shadow:0 2px 12px rgba(0,0,0,0.1); }
.polfeat .item .img.ic { flex-shrink:0; width:24px; }
.polfeat .item .img.ic img { display:block; width:100%; aspect-ratio:1; object-fit:contain; }
.polfeat .item .txt { flex:1; min-width:0; font-size:var(--font-size-18); letter-spacing:-0.03em; line-height:1.3; color:#121212; }

.poltbl-wrap { width:100%; overflow-x: auto;}
.poltbl { width:100%; border-collapse:collapse; table-layout:fixed; }
.poltbl th { background:#f4f5fa; border-top:1px solid #ddd; color:var(--color-primary); font-size:var(--font-size-16); font-weight:600; letter-spacing:-0.03em; line-height:1.375; text-align:center; vertical-align:middle; padding:var(--padding-20); }
.poltbl td { background:var(--color-white); border-top:1px solid #ddd; color:var(--color-body); font-size:var(--font-size-16); letter-spacing:-0.03em; line-height:1.375; text-align:left; vertical-align:middle; padding:var(--padding-20); word-break:keep-all; }
.poltbl tr:first-child th,
.poltbl tr:first-child td { border-top:1px solid var(--color-primary); }
.poltbl tr:first-child th { padding-top:10px; padding-bottom:10px; }
.poltbl tr:last-child th,
.poltbl tr:last-child td { border-bottom:1px solid #ddd; }

.grantrd { display:flex; flex-wrap:wrap; align-items:flex-start; gap:var(--padding-100); width:100%; }
.grantrd .unit { flex:1 1 280px; display:flex; flex-direction:column; gap:var(--padding-30); min-width:0; }
.grantrd .pill { display:flex; align-items:center; justify-content:center; width:100%; padding:var(--padding-20) var(--padding-30); border-radius:99px; text-align:center; }
.grantrd .pill.pri { background:var(--color-primary); }
.grantrd .pill.sec { background:var(--color-secondary); }
.grantrd .pill .lab { color:var(--color-white); font-size:var(--font-size-22); font-weight:600; letter-spacing:-0.03em; line-height:1.2; }
.grantrd .target .box { display:flex; flex-direction:column; align-items:center; gap:var(--padding-20); width:100%; padding:var(--padding-40); background:var(--color-white); border-radius:8px; box-shadow:0 2px 12px rgba(0,0,0,0.1); }
.grantrd .target .box .img img { height: clamp(80px, calc( 150 / var(--inner) * 100vw ), 150px); object-fit:contain; }
.grantrd .target .box .tit { font-size:var(--font-size-18); font-weight:600; letter-spacing:-0.03em; line-height:1.3; text-align:center; color:#121212; }
.grantrd .types .stack { display:flex; flex-direction:column; gap:var(--padding-30); width:100%; }
.grantrd .cardlist { display:flex; flex-direction:column; gap:var(--padding-20); width:100%; }
.grantrd .cardlist .card { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; width:100%; padding:var(--padding-15) var(--padding-35); background:var(--color-white); border-radius:8px; box-shadow:0 2px 12px rgba(0,0,0,0.1); text-align:center; }
.grantrd .cardlist .card .name { font-size:var(--font-size-18); font-weight:600; letter-spacing:-0.03em; line-height:1.2; color:#121212; }
.grantrd .cardlist .card .dec { font-size:var(--font-size-16); letter-spacing:-0.03em; line-height:1.375; color:var(--color-body); }
.grantrd .note { display:flex; flex-wrap:wrap; align-items:center; gap:10px; width:100%; }
.grantrd .note .ico { display:flex; flex-shrink:0; align-items:center; justify-content:center; width:20px; height:20px; border-radius:99px; background:#121212; color:var(--color-white); font-size:var(--font-size-14); font-weight:700; line-height:1; }
.grantrd .note .txt { flex:1; min-width:0; font-size:var(--font-size-14); letter-spacing:-0.03em; line-height:1.4; color:var(--color-body); }

.insectitbx {display: flex;flex-direction: column;gap: var(--padding-30); margin-bottom: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px);}
.insectitbx .intit {font-size:var(--font-size-40); font-weight: bold;}
.insectitbx .indec {font-size:var(--font-size-20); letter-spacing:-0.03em;  color:var(--color-body);}
.certinfo { display:flex; flex-direction:column; gap:var(--padding-20); width:100%; }
.certinfo .box { width:100%; padding:var(--padding-30); background:var(--color-white); border-radius:8px; box-shadow:0 2px 12px rgba(0,0,0,0.1); }
.certinfo .rowin { display:flex; flex-wrap:wrap; align-items:center; gap:var(--padding-20); width:100%; }
.certinfo .lab {position: relative; flex-shrink:0; width:clamp(70px, calc( 85 / var(--inner) * 100vw ), 85px); font-size:var(--font-size-18); font-weight:600; letter-spacing:-0.03em; line-height:1.2; color:#121212; }
.certinfo .lab::after {content:''; position: absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#ddd; }
.certinfo .txt {display: flex;flex-direction: column;gap: var(--padding-20);  flex:1; min-width:0; font-size:var(--font-size-16); letter-spacing:-0.03em; line-height:1.375; color:var(--color-body); }
.certinfo .txt .small {display: block; font-size: var(--font-size-14); letter-spacing:-0.03em; line-height:1.375; color:#878787;}

.tbltitle {margin-bottom: var(--padding-30); font-size: var(--font-size-22); font-weight: 600; color: var(--color-secondary);}
.certbene-wrap { width:100%; overflow-x: auto;}
.certbene { width:100%; border-collapse:collapse; table-layout:fixed; }
.certbene thead th { background:#f4f5fa; border-top:1px solid var(--color-primary); border-bottom:1px solid #ddd; color:var(--color-primary); font-size:var(--font-size-16); font-weight:600; letter-spacing:-0.03em; line-height:1.375; text-align:center; vertical-align:middle; padding:var(--padding-20); }
.certbene thead th:first-child { border-right:1px solid #ddd; }
.certbene tbody th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#121212; font-size:var(--font-size-16); font-weight:600; letter-spacing:-0.03em; word-break: break-all; line-height:1.375; text-align:center; vertical-align:middle; padding:var(--padding-20); }
.certbene tbody td { border-bottom:1px solid #ddd; vertical-align:middle; padding:var(--padding-20); }
.certbene tbody td .list { list-style:none; display:flex; flex-direction:column; gap:var(--padding-20); }
.certbene tbody td .list li { display:flex; flex-direction:row; align-items:flex-start; gap:10px; font-size:var(--font-size-16); letter-spacing:-0.03em; line-height:1.375; color:var(--color-body); }
.certbene tbody td .list li::before { content:""; flex-shrink:0; width:5px; height:5px; border-radius:50%; background:#ddd; margin-top:0.45em; }

.inquiry-bg {background: #F4F5FA;}
.contact-wrap {max-width: 1000px; margin:0 auto;}
.contact-wrap .checkbuttons .form-agree {margin: var(--padding-50) 0 25px;}