/* 기술거래(ip-market.html, ip-market-<번호>.html)
   이버드 게시판의 정보(번호·썸네일·기술명·요약·분야·보유·TRL·거래조건·기술문의)를 가는 선 목록 + 명조 제목으로.
   썸네일 자리는 기술완성도 눈금(9칸). 금색 = 상담(기술 등록 문의), 아이보리2 = 문의 양식. */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 도구 줄: 분야 + 검색 */
.mk-board{padding:0 0 clamp(96px,10vw,150px)}
.mk-tool{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;border-bottom:1px solid var(--line)}
.mk-tabs{display:flex;gap:28px;flex-wrap:wrap}
.mk-tabs button{position:relative;display:inline-flex;align-items:baseline;gap:6px;padding:0 0 16px;border:0;background:none;cursor:pointer;font-family:var(--serif);font-size:16.5px;font-weight:500;color:var(--muted);letter-spacing:-.04em;transition:color .2s}
.mk-tabs button small{font-family:var(--lat);font-size:14px;letter-spacing:.01em;color:var(--gold-d);opacity:.8}
.mk-tabs button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--navy);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--ease)}
.mk-tabs button:hover{color:var(--navy)}
.mk-tabs button[aria-pressed=true]{color:var(--navy);font-weight:700}
.mk-tabs button[aria-pressed=true]::after{transform:none}
.mk-search{flex:0 0 300px;display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:0 2px 8px;border-bottom:1px solid var(--navy);color:var(--navy)}
.mk-search svg{width:18px;height:18px;flex:none}
.mk-search input{flex:1;min-width:0;border:0;background:none;padding:4px 0;font-family:var(--serif);font-size:16px;color:var(--ink);letter-spacing:-.03em;outline:0}
.mk-search input::placeholder{color:var(--muted);opacity:.85}
.mk-search:focus-within{border-bottom-width:2px;padding-bottom:7px}
.mk-search input::-webkit-search-cancel-button{opacity:.5}
.mk-sum{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:20px 0 0;font-family:var(--sans);font-size:13.5px;color:var(--muted);letter-spacing:-.01em}
.mk-sum b{color:var(--navy);font-weight:700}
.mk-lg span{margin-left:14px}
.mk-lg b{font-family:var(--lat);font-weight:400;font-size:14.5px;color:var(--gold-d);margin-right:5px;letter-spacing:.01em}

/* 목록 한 줄 */
.mk-list{margin-top:14px}
.mk-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;border-bottom:1px solid var(--line)}
.mk-row[hidden]{display:none}
.mk-main{display:grid;grid-template-columns:168px minmax(0,1fr);align-items:start;padding:34px 0 34px}
.mk-trl{display:flex;flex-direction:column;padding-top:2px}
.mk-trl small{font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--muted);letter-spacing:-.01em}
.mk-trl b{font-family:var(--lat);font-weight:700;font-size:23px;line-height:1;color:var(--navy);margin-top:30px;letter-spacing:.01em}
.mk-tk{display:flex;gap:3px;margin-top:11px}
.mk-tk i{width:9px;height:3px;background:var(--line)}
.mk-tk i.on{background:var(--navy)}
.mk-tx{display:block;min-width:0}
.mk-f{display:block;font-family:var(--sans);font-size:13px;font-weight:600;color:var(--gold-d);letter-spacing:-.01em}
.mk-tx h3{margin-top:6px;font-size:clamp(20px,1.65vw,24px);line-height:1.42;font-weight:600;color:var(--navy);letter-spacing:-.055em;transition:color .2s}
.mk-tx p{margin-top:6px;font-size:16px;line-height:1.7;color:var(--body);max-width:44em}
.mk-dl{display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:14px;font-family:var(--sans);font-size:13.5px;color:var(--ink);letter-spacing:-.01em}
.mk-dl small{font-size:13px;color:var(--muted);margin-right:8px}
.mk-main:hover h3{color:var(--gold-d)}
.mk-ask{display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 18px 0 20px;border-radius:22px;box-shadow:inset 0 0 0 1px var(--navy);color:var(--navy);font-size:15px;font-weight:600;letter-spacing:-.03em;white-space:nowrap;transition:gap .25s var(--ease),background .25s,color .25s}
.mk-ask svg{width:22px;height:10px}
.mk-ask:hover{background:var(--navy);color:var(--ivory);gap:16px}
.js .mk-list.flt .mk-row.in{animation:mkin .4s ease both;animation-delay:calc(min(var(--k,0),6)*.03s)}
@keyframes mkin{from{opacity:0;transform:translateY(6px)}}
.mk-empty{padding:72px 0 40px;text-align:left;border-bottom:1px solid var(--line)}
.mk-empty p{font-size:clamp(22px,2vw,28px);font-weight:500;color:var(--navy);letter-spacing:-.05em;line-height:1.4}
.mk-empty p.s{margin-top:10px;font-size:16.5px;font-weight:400;color:var(--body)}
.mk-empty .b{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}
.mk-empty button.btn{border:0;cursor:pointer}

/* 기술 등록 문의(금색) */
.mk-reg{background:var(--gold);color:var(--navy)}
.mk-reg .head .l1{color:var(--navy)}
.mk-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(52px,5.6vw,80px)}
.mk-steps li{position:relative;padding:30px 30px 8px 0}
.mk-steps li+li{padding-left:30px;border-left:1px solid rgba(0,22,75,.18)}
.mk-steps li::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--navy)}
.mk-steps .n{font-family:var(--lat);font-size:22px;line-height:1;color:var(--navy);opacity:.6}
.mk-steps h3{margin-top:40px;font-size:24px;line-height:1.3;font-weight:700;letter-spacing:-.055em}
.mk-steps p{margin-top:12px;font-size:16px;line-height:1.75;color:rgba(0,22,75,.82)}
.mk-act{margin-top:clamp(56px,6vw,84px);padding-top:36px;border-top:1px solid rgba(0,22,75,.22);display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.mk-act .tel{display:block;font-family:var(--lat);font-weight:700;font-size:clamp(40px,3.8vw,54px);line-height:1;letter-spacing:.01em}
.mk-act .tel small{display:block;font-family:var(--serif);font-size:16px;font-weight:600;letter-spacing:-.03em;margin-bottom:12px}
.mk-act .btns{display:flex;gap:10px;flex-wrap:wrap}
.mk-act .btn.line{font-family:var(--lat);font-size:17px;font-weight:400;letter-spacing:.01em}

/* ───── 상세 ───── */
.mk-sheet{padding:0 0 clamp(96px,10vw,150px)}
.mk-back{display:inline-flex;align-items:center;gap:12px;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--muted);letter-spacing:-.01em;transition:gap .25s var(--ease),color .2s}
.mk-back svg{width:24px;height:10px}
.mk-back:hover{gap:16px;color:var(--navy)}
.mk-facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px}
.mk-facts>div{position:relative;padding:26px 28px 28px 0}
.mk-facts>div+div{padding-left:28px;border-left:1px solid var(--line)}
.mk-facts>div::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--navy)}
.mk-facts dt{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--muted);letter-spacing:-.01em}
.mk-facts dd{margin-top:14px;font-size:clamp(19px,1.6vw,23px);line-height:1.35;font-weight:600;color:var(--navy);letter-spacing:-.05em}
.mk-facts dd small{display:block;margin-top:8px;font-size:14.5px;line-height:1.6;font-weight:400;color:var(--body);letter-spacing:-.035em}
.mk-facts .trl{font-family:var(--lat);font-weight:700;font-size:clamp(24px,2vw,28px);letter-spacing:.01em}
.mk-cols{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(48px,6vw,96px);margin-top:clamp(64px,6.6vw,96px)}
.mk-doc h2,.mk-side h2{font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--muted);letter-spacing:-.01em;padding-bottom:14px;border-bottom:1px solid var(--navy)}
.mk-doc h2+p{margin-top:24px}
.mk-doc h2:not(:first-child){margin-top:60px}
.mk-doc p{font-size:17.5px;line-height:1.95;color:var(--ink);letter-spacing:-.04em}
.mk-doc p+p{margin-top:14px}
.mk-pt li,.mk-use li{padding:16px 0 15px;border-bottom:1px solid var(--line);font-size:17px;line-height:1.55;color:var(--ink);font-weight:500;letter-spacing:-.045em}
.mk-pt{counter-reset:pt}
.mk-pt li{display:grid;grid-template-columns:36px 1fr}
.mk-pt li::before{counter-increment:pt;content:counter(pt);font-family:var(--lat);font-weight:400;font-size:17px;color:var(--gold-d)}
.mk-use{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.mk-side{display:flex;flex-direction:column;gap:52px}
.mk-rt{margin-top:6px}
.mk-rt div{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:13px 0 12px;border-bottom:1px solid var(--line)}
.mk-rt dt{font-family:var(--sans);font-size:13.5px;color:var(--muted);padding-top:2px}
.mk-rt dd{font-size:16.5px;color:var(--ink);font-weight:500;letter-spacing:-.04em}
.mk-rt dd.num{font-size:15.5px;letter-spacing:-.01em;word-break:break-all}
.mk-lad{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;margin-top:24px}
.mk-lad i{position:relative;height:30px;background:var(--line);display:flex;align-items:flex-end;justify-content:center}
.mk-lad i.on{background:var(--navy)}
.mk-lad i span{position:absolute;top:calc(100% + 7px);font-family:var(--lat);font-style:normal;font-size:14px;color:var(--muted)}
.mk-lad i.cur span{color:var(--navy);font-weight:700}
.mk-stg{margin-top:40px}
.mk-stg li{display:grid;grid-template-columns:44px 1fr;column-gap:8px;padding:11px 0 10px;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.5;color:var(--muted);letter-spacing:-.04em}
.mk-stg li b{font-family:var(--lat);font-weight:400;font-size:15px;color:var(--muted);grid-row:span 2}
.mk-stg li small{grid-column:2;font-family:var(--sans);font-size:12.5px;letter-spacing:-.01em;opacity:.85}
.mk-stg li.on{color:var(--navy);font-weight:700}
.mk-stg li.on b{color:var(--gold-d)}
.mk-stg li.on small{font-weight:400;color:var(--body)}
.mk-cta .btn{width:100%;justify-content:space-between;height:52px;border-radius:26px;padding:0 24px 0 28px}

/* 문의 양식 */
.mk-fm{margin-top:clamp(52px,5.6vw,80px)}
.mk-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 48px}
.mk-fd.wide{grid-column:1/-1}
.mk-fd label{display:flex;align-items:baseline;gap:8px;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.mk-fd em,.mk-agree em{font-style:normal;font-size:12px;font-weight:600;color:var(--gold-d)}
.mk-fd input,.mk-fd textarea{display:block;width:100%;margin-top:8px;padding:10px 0 11px;border:0;border-bottom:1px solid rgba(0,22,75,.35);border-radius:0;background:transparent;font-family:var(--serif);font-size:17px;line-height:1.6;color:var(--ink);letter-spacing:-.03em;outline:0;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.mk-fd textarea{resize:vertical;min-height:132px}
.mk-fd textarea::placeholder{color:var(--muted);opacity:.8}
.mk-fd input:focus,.mk-fd textarea:focus{border-bottom-color:var(--navy);box-shadow:0 1px 0 var(--navy)}
.mk-fd .er{min-height:0;margin-top:6px;font-family:var(--sans);font-size:13px;color:var(--gold-d);letter-spacing:-.01em}
.mk-fd .er:empty{display:none}
.mk-fd.bad input,.mk-fd.bad textarea{border-bottom-color:var(--gold-d);box-shadow:0 1px 0 var(--gold-d)}
.mk-pv{margin-top:52px;padding:24px 0 6px;border-top:1px solid var(--navy)}
.mk-pv .h{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink)}
.mk-pv dl{margin-top:12px}
.mk-pv dl div{display:grid;grid-template-columns:168px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-family:var(--sans);font-size:13.5px;line-height:1.7;letter-spacing:-.01em}
.mk-pv dt{color:var(--muted)}.mk-pv dd{color:var(--body)}
.mk-pv .nt{margin-top:12px;font-family:var(--sans);font-size:13px;line-height:1.7;color:var(--muted);letter-spacing:-.01em}
.mk-agree{display:flex;align-items:center;gap:12px;margin-top:22px;cursor:pointer;font-size:16px;font-weight:500;color:var(--ink);letter-spacing:-.04em}
.mk-agree input{width:22px;height:22px;margin:0;flex:none;accent-color:var(--navy);cursor:pointer}
.mk-agree.bad span{color:var(--gold-d)}
.mk-send{margin-top:40px;display:flex;justify-content:flex-end}
.mk-send .btn{border:0;cursor:pointer;height:52px;border-radius:26px;padding:0 24px 0 30px}

/* 다른 기술 */
.mk-more{padding-top:clamp(80px,8vw,120px)}
.mk-mh{display:flex;justify-content:space-between;align-items:baseline;font-size:clamp(24px,2.1vw,30px);font-weight:700;color:var(--navy);letter-spacing:-.055em;padding-bottom:18px;border-bottom:1px solid var(--navy)}
.mk-mh a{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--navy);display:inline-flex;align-items:center;gap:12px;letter-spacing:-.03em;transition:gap .25s var(--ease)}
.mk-mh a svg{width:24px;height:10px}.mk-mh a:hover{gap:16px}
.mk-more .mk-list{margin-top:0}

/* 모션: 기술완성도 눈금이 차례로 찬다 */

@media (max-width:1240px){
  .mk-tool{flex-direction:column;align-items:stretch;gap:22px}
  .mk-search{flex:none;max-width:420px;order:-1;margin-bottom:0}
  .mk-lg{display:none}
}
@media (max-width:900px){
  /* 분야: 옆으로 넘기는 한 줄 */
  .mk-tool{gap:18px}
  .mk-search{max-width:none}
  .mk-search input{font-size:16px}
  .mk-tabs{flex-wrap:nowrap;overflow-x:auto;gap:22px;margin:0 -24px;padding:0 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mk-tabs::-webkit-scrollbar{display:none}
  .mk-tabs button{flex:none;font-size:15.5px;padding-bottom:13px}
  .mk-sum{padding-top:16px}
  .mk-list{margin-top:6px}
  .mk-row{grid-template-columns:1fr;gap:0;padding-bottom:22px}
  .mk-main{grid-template-columns:1fr;padding:24px 0 0}
  .mk-trl{order:2;flex-direction:row;align-items:center;gap:8px;margin-top:14px;padding-top:0}
  .mk-trl b{font-size:17px;margin-top:0}
  .mk-tk{margin:0 0 0 4px}
  .mk-tk i{width:8px}
  .mk-tx h3{font-size:19.5px;margin-top:4px}
  .mk-tx p{font-size:15px;line-height:1.7}
  .mk-dl{gap:4px 16px;margin-top:10px;font-size:13px}
  .mk-ask{position:absolute;right:0;bottom:20px;height:auto;padding:0 0 3px;border-radius:0;box-shadow:none;border-bottom:1px solid var(--navy);font-size:14.5px;gap:10px}
  .mk-ask:hover{background:none;color:var(--gold-d)}
  .mk-ask svg{width:20px}
  .mk-empty{padding:52px 0 32px}
  .mk-empty .b .btn{flex:1;justify-content:center;padding:0 12px}
  .mk-steps{grid-template-columns:1fr;margin-top:40px}
  .mk-steps li,.mk-steps li+li{padding:22px 0 26px;border-left:0;display:grid;grid-template-columns:44px 1fr}
  .mk-steps .n{font-size:19px;padding-top:4px}
  .mk-steps h3{margin-top:0;font-size:21px}
  .mk-steps p{grid-column:2;margin-top:6px;font-size:15px}
  .mk-steps li::before{height:2px}
  .mk-steps li:first-child::before{height:3px}
  .mk-act{margin-top:44px;padding-top:30px;flex-direction:column;align-items:stretch;gap:28px}
  .mk-act .tel{font-size:42px}
  .mk-act .btns{flex-direction:column}
  .mk-act .btns .btn{justify-content:center}
  /* 상세 */
  .mk-facts{grid-template-columns:1fr 1fr;margin-top:18px}
  .mk-facts>div,.mk-facts>div+div{padding:20px 14px 22px 0;border-left:0}
  .mk-facts>div:nth-child(2n){padding-left:16px;border-left:1px solid var(--line)}
  .mk-facts>div:nth-child(n+3)::before{height:1px;background:var(--line)}
  .mk-facts dd{margin-top:10px;font-size:18px}
  .mk-facts dd small{font-size:13.5px}
  .mk-cols{grid-template-columns:1fr;gap:56px;margin-top:52px}
  .mk-doc p{font-size:16.5px;line-height:1.9}
  .mk-doc h2:not(:first-child){margin-top:48px}
  .mk-pt li,.mk-use li{font-size:16px;padding:14px 0 13px}
  .mk-use{grid-template-columns:1fr}
  .mk-side{gap:44px}
  .mk-grid{grid-template-columns:1fr;gap:28px}
  .mk-pv{margin-top:40px}
  .mk-pv dl div{grid-template-columns:1fr;gap:2px}
  .mk-send .btn{width:100%;justify-content:space-between}
  .mk-mh{font-size:22px}
}

/* 기술 문의 접수 뒤 안내(양식 자리에 보인다 — assets/form.js가 접수를 확인한 뒤) */
.mk-done{margin-top:clamp(52px,5.6vw,80px);border-top:1px solid var(--navy);padding-top:40px;outline:0;scroll-margin-top:100px}
.mk-done .k{font:600 14px var(--sans);letter-spacing:-.01em;color:var(--gold-d)}
.mk-done h3{margin-top:12px;font-size:clamp(26px,2.6vw,36px);line-height:1.35;font-weight:700;letter-spacing:-.06em;color:var(--navy)}
.mk-done .d{margin-top:16px;font-size:17px;line-height:1.85;color:var(--body);max-width:34em}
.mk-done .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
.mk-done .btns button{border:0;cursor:pointer}
@media (max-width:900px){.mk-done .btns .btn{flex:1 1 100%;justify-content:center}}


/* 정부지원사업 안내(기술 문의 양식, 11-12 이동필 변리사 요청): 고르면 기업 조건 칸이 열린다 — 모두 선택 항목 */
.mk-sp{margin-top:44px}
.mk-sp .mk-sp-on{margin-top:0}
.mk-sp-more{margin-top:20px;padding-left:34px}
.mk-sp-more:not([hidden]){animation:mkSp .35s ease both}
@keyframes mkSp{from{opacity:0;transform:translateY(10px)}}
.mk-sp-d{font-family:var(--sans);font-size:14px;line-height:1.7;color:var(--muted);letter-spacing:-.01em}
.mk-sp-grid{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:32px 48px;margin-top:22px}
.mk-fd select{display:block;width:100%;margin-top:8px;padding:10px 28px 11px 0;border:0;border-bottom:1px solid rgba(0,22,75,.35);border-radius:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2300164B' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat right 4px center/12px 8px;font-family:var(--serif);font-size:17px;line-height:1.6;color:var(--ink);letter-spacing:-.03em;outline:0;cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
.mk-fd select:has(option[value=""]:checked){color:var(--muted)}
.mk-fd select:focus{border-bottom-color:var(--navy);box-shadow:0 1px 0 var(--navy)}
.mk-ch{margin:0;padding:0;border:0;min-width:0}
.mk-ch.wide{grid-column:1/-1}
.mk-ch legend{padding:0;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.mk-ch legend small{margin-left:6px;font-size:12.5px;font-weight:400;color:var(--muted)}
.mk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mk-chips label{position:relative;cursor:pointer}
.mk-chips input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.mk-chips span{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(0,22,75,.22);font:600 15.5px/1 var(--serif);letter-spacing:-.035em;color:var(--ink);transition:background .25s,color .25s,box-shadow .25s}
.mk-chips label:hover span{box-shadow:inset 0 0 0 1px var(--navy)}
.mk-chips input:checked+span{background:var(--navy);color:var(--ivory);box-shadow:none}
.mk-chips input:focus-visible+span{outline:2px solid var(--gold);outline-offset:3px}
@media (max-width:900px){.mk-sp{margin-top:36px}.mk-sp-more{padding-left:0}.mk-sp-grid{grid-template-columns:1fr;gap:28px}}
@media (prefers-reduced-motion:reduce){.mk-sp-more:not([hidden]){animation:none}}