/* 광고 제휴 /partners/media-kit/ — 실제 화면 캡처로 보여 주는 안내 한 장 (대표 지시 2026-10-30). 화면은 매거진 지면 톤, 인쇄는 A4.
   구성: 구역마다 배경 톤을 번갈아(흰 .mk-w · 옅은 베이지 .mk-b · 네이비 띠 .mk-n) 전체 폭 띠로 깐다. 큰 제목 · 큰 숫자 · 둥근 큰 단추(--rv-btn-* 토큰).
   캡처 = pipeline/make_mediakit_shots.js 가 2배 해상도로 찍은 실제 화면(원본 비율 그대로). 광고 자리 = 사진 위 네이비 박스 + 번호 + '광고' 라벨(HTML). mk- 접두만 사용 */
.mk{word-break:keep-all;overflow-wrap:break-word;--mk-navy:#1B2438;--mk-beige:#F6F3EC;--mk-pill:var(--rv-btn-r-pill,999px)}
.mk *{word-break:keep-all}
/* 지면 위아래: 공용 여백(본문 위 72px · 바닥글 위 140px) 대신 띠가 머리 바로 아래에서 시작해 마지막 네이비 띠가 바닥글에 바로 닿는다 */
.mg>.mk{margin-top:0}
.mg>.mk+footer#subscribe{margin-top:0}
.mk-band{padding:112px 0}
.mk-w{background:#FFFFFF}
.mk-b{background:var(--mk-beige)}
.mk-n{background:var(--mk-navy);color:#FFFFFF}
.mk-n .mk-sec-h{border-bottom-color:#FFFFFF}.mk-n .mk-no,.mk-n .mk-sec-h h2{color:#FFFFFF}
.mk-n .mk-lead{color:#D5D8E0}
.mk-crumb{margin:0}
/* 표지 */
.mk-cover{padding:40px 0 88px}
.mk-kick{margin:56px 0 0;color:var(--mk-navy);letter-spacing:.2em}
.mk-mast{margin:20px 0 0;font-family:'Noto Serif KR',serif;font-weight:500;line-height:1.1;font-size:clamp(44px,8vw,112px);letter-spacing:-.01em}
.mk-dek{margin:28px 0 0;max-width:720px;font-family:'Noto Serif KR',serif;font-size:24px;line-height:1.7;font-weight:300}
.mk-big{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #111111;border-bottom:1px solid #111111}
.mk-big li{display:grid;gap:10px;padding:32px 24px 32px 0}
.mk-big li+li{padding-left:32px;border-left:1px solid #D2D2D2}
.mk-bn{font-size:clamp(64px,8vw,112px);font-weight:600;line-height:1;color:var(--mk-navy)}
.mk-bl{font-size:16px;color:#3A3A3A}
.mk-acts{display:flex;flex-wrap:wrap;gap:14px;margin-top:44px}
.mk-acts-c{justify-content:center}
.mk-cta{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:var(--rv-btn-h,44px);padding:0 28px;border:1px solid var(--mk-navy);border-radius:var(--mk-pill);background:var(--mk-navy);color:#FFFFFF;font-size:14px;font-weight:500;letter-spacing:.04em;text-decoration:none;transition:background .14s ease,transform .14s ease}
.mk-cta:hover{background:#2A3652;text-decoration:none;color:#FFFFFF}
.mk-cta:active{transform:var(--rv-btn-press,scale(.97))}
.mk-cta:focus-visible{outline:0;box-shadow:0 0 0 2px #FFFFFF,0 0 0 4px var(--mk-navy)}
.mk-cta-l{height:64px;padding:0 44px;font-size:17px}
.mk-cta-o{background:#FFFFFF;color:var(--mk-navy)}
.mk-cta-o:hover{background:#F3F4F7;color:var(--mk-navy)}
.mk-cta-w{background:#FFFFFF;color:var(--mk-navy);border-color:#FFFFFF}
.mk-cta-w:hover{background:#F0F0EE;color:var(--mk-navy)}
.mk-cta-ow{background:transparent;color:#FFFFFF;border-color:#FFFFFF}
.mk-cta-ow:hover{background:rgba(255,255,255,.12);color:#FFFFFF}
.mk-cert{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;margin:40px 0 0;font-size:14px;line-height:1.7;color:#3A3A3A}
.mk-down{display:inline-flex;align-items:baseline;gap:8px;padding-bottom:2px;border-bottom:1px solid var(--mk-navy);color:var(--mk-navy);font-weight:500;letter-spacing:.02em;text-decoration:none}
.mk-down:hover{text-decoration:none;border-bottom-width:2px;padding-bottom:1px}
.mk-down span{font-size:12px}
.mk-scale{margin:28px 0 0;font-size:13.5px;color:#3A3A3A;letter-spacing:.02em}
.mk-scale .bod{font-size:17px;font-weight:600;color:#111111}
.mk-issued{margin:24px 0 0;font-size:12px;color:#6A6A6A;letter-spacing:.04em}
/* 구역 바로가기 */
/* 구역 머리 */
.mk-sec-h{display:flex;align-items:baseline;gap:22px;padding-bottom:20px;border-bottom:1px solid #111111}
.mk-no{font-size:44px;color:var(--mk-navy);font-weight:500;line-height:1}
.mk-sec-h h2{margin:0;font-family:'Noto Serif KR',serif;font-size:clamp(28px,3.6vw,44px);font-weight:500;line-height:1.3}
.mk-lead{margin:24px 0 0;max-width:820px;font-size:17px;line-height:1.8;color:#3A3A3A}
.mk-fine{margin:24px 0 0;font-size:13px;line-height:1.8;color:#6A6A6A}
.mk-n .mk-fine{color:#B9BFCC}
.mk-sub-h{margin:56px 0 0;font-family:'Noto Serif KR',serif;font-size:24px;font-weight:500}
/* 화면 캡처 프레임: 브라우저(1440) · 휴대폰(390). 사진은 원본 비율 그대로 */
.mk-pc,.mk-ph-d{position:relative;cursor:zoom-in;border-radius:14px;background:#FFFFFF;box-shadow:0 1px 3px rgba(17,17,17,.08),0 28px 56px -26px rgba(17,17,17,.4);outline-offset:4px}
.mk-pc{border:1px solid #CFCFCB;overflow:hidden}
.mk-pc:focus-visible,.mk-ph-d:focus-visible{outline:2px solid var(--mk-navy)}
.mk-bar{display:flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-bottom:1px solid #E6E6E6;background:#F6F6F4}
.mk-bar i{width:8px;height:8px;border-radius:50%;background:#D5D5D2}
.mk-bar span{margin-left:12px;flex:1;max-width:300px;padding:1px 12px;border-radius:99px;background:#FFFFFF;border:1px solid #E6E6E6;font-size:11px;line-height:1.6;color:#6A6A6A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-ph{position:relative;line-height:0;background:#F0F0EE}
.mk-ph img{display:block;width:100%;height:auto}
/* 컷 폭은 본문 안(최대 1080px) */
.mk-stage-s>.mk-pc{max-width:1080px;margin-left:auto;margin-right:auto}
/* 휴대폰 틀: 화면 390x844(19.5:9) · 얇은 베젤 · 다이내믹 아일랜드 · 상태 표시줄 · 홈 인디케이터. 크기는 틀 폭 기준(cqw) */
.mk-phf{margin:0;display:flex;flex-direction:column;align-items:center;width:100%}
.mk-phc{margin-top:16px;font-size:13px;line-height:1.6;letter-spacing:.04em;color:#6A6A6A;text-align:center}
.mk-ph-d{container-type:inline-size;width:100%;border:0;border-radius:12.5cqw;background:#111111;box-shadow:inset 0 0 0 1px #3A3A3A,0 1px 3px rgba(17,17,17,.08),0 28px 56px -26px rgba(17,17,17,.4)}
.mk-scr{position:relative;aspect-ratio:390/844;margin:1.6cqw;border-radius:11cqw;overflow:hidden;background:#FFFFFF;line-height:0}
.mk-scr .mk-ph{position:absolute;left:0;right:0;top:5.569%;background:#FFFFFF}
.mk-sb{position:absolute;left:0;right:0;top:0;height:5.569%;display:flex;align-items:center;justify-content:space-between;padding:0 7.4cqw 0 8.4cqw;box-sizing:border-box;background:#FFFFFF;color:#111111}
.mk-sb-t{font-family:'Noto Sans KR',sans-serif;font-size:3.7cqw;font-weight:600;letter-spacing:.01em;line-height:1}
.mk-sb-i{display:flex;align-items:center;gap:1.5cqw}.mk-sb-i svg{height:2.9cqw;width:auto;fill:currentColor}
.mk-isl{position:absolute;left:50%;top:2.6cqw;width:30cqw;height:8.6cqw;margin-left:-15cqw;border-radius:99px;background:#000000}
.mk-hi{position:absolute;left:50%;bottom:2.2cqw;width:34cqw;height:1.4cqw;margin-left:-17cqw;border-radius:99px;background:#111111;box-shadow:0 0 0 .35cqw rgba(255,255,255,.75)}
/* 광고 자리 강조(2026-10-30 개편): 카드 바깥으로 7px 띄운 얇은 네이비 선 + 옅은 네이비 번짐. 카드 글자를 덮지 않는다.
   '광고' 글자는 캡처 속 카드의 표시 하나만 — 강조에는 글자를 달지 않고, 한 컷에 자리가 둘 이상일 때만 작은 번호 */
.mk-hl{position:absolute;pointer-events:none;font-style:normal}
.mk-hl::before{content:"";position:absolute;inset:-7px;border:1.5px solid var(--mk-navy);border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.9),0 0 0 6px rgba(27,36,56,.07),0 18px 40px -18px rgba(27,36,56,.55)}
.mk-hl em{position:absolute;left:-7px;top:-7px;transform:translate(-45%,-45%);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--mk-navy);color:#FFFFFF;font-family:'Bodoni Moda',serif;font-size:14px;font-style:normal;font-weight:600;line-height:1;box-shadow:0 0 0 2px #FFFFFF}
.mk-ph-d .mk-hl::before{inset:-4px;border-width:1px;border-radius:6px;box-shadow:0 0 0 1px rgba(255,255,255,.9),0 0 0 3px rgba(27,36,56,.08),0 10px 22px -12px rgba(27,36,56,.5)}
.mk-vt{position:absolute;right:16px;bottom:16px;padding:4px 12px;border:1px solid rgba(27,36,56,.22);border-radius:99px;background:rgba(255,255,255,.94);color:var(--mk-navy);font-family:'Noto Sans KR',sans-serif;font-size:11.5px;line-height:1.6;letter-spacing:.06em}
.mk-phc .mk-vt{position:static;display:inline-block;margin-left:10px;padding:1px 9px;font-size:11px;vertical-align:1px}
/* 탭 */
.mk-tabs{margin-top:40px}
.mk-tl{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin}
.mk-tl button{flex:none;appearance:none;height:var(--rv-btn-h,44px);padding:0 22px;border:1px solid var(--rv-btn-line,#D2D2D2);border-radius:var(--mk-pill);background:#FFFFFF;color:#111111;font:inherit;font-size:15px;cursor:pointer;white-space:nowrap;transition:background .14s ease,border-color .14s ease}
.mk-tl button:hover{border-color:var(--mk-navy)}
.mk-tl button.on{background:var(--mk-navy);border-color:var(--mk-navy);color:#FFFFFF}
.mk-tl button:focus-visible{outline:0;box-shadow:0 0 0 2px #FFFFFF,0 0 0 4px var(--mk-navy)}
/* 2026-11-05 광고 디자인팀: 광고 자리 탭도 공용 '상자 칩 → 글자 탭'(아트 디렉터 11-04). 고른 자리 = 진한 글자 + 네이비 1px 밑줄 · 누르는 높이 44px */
.mk-tl{gap:28px;padding:0 2px 6px;border-bottom:1px solid #E6E6E6}
.mk-tl button{padding:0;border:0;border-radius:0;background:none;color:#6A6A6A;text-underline-offset:9px;transition:color .14s ease}
.mk-tl button:hover{border:0;color:#111111}
.mk-tl button.on{background:none;border:0;color:#111111;font-weight:500;text-decoration:underline 1px var(--mk-navy)}
.mk-tl button:focus-visible{border-radius:4px}
.mk-tabs.js .mk-panel:not(.on){display:none}
.mk-panel{margin-top:28px}
.mk-tabs:not(.js) .mk-panel{margin-top:64px}
.mk-stage-s{position:relative;padding-top:40px}
.mk-stage-s .mk-hs,.mk-hs{position:relative}
.mk-duo{position:absolute;right:-12px;bottom:-34px;width:19%;min-width:150px;z-index:2}
.mk-hs{padding-bottom:36px}
.mk-only-m{display:none}
.mk-spec{margin:0;padding:0;border-top:1px solid #111111}
.mk-spec>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;padding:13px 0;border-bottom:1px solid #DCD8CF}
.mk-spec dt{margin:0;font-size:12px;letter-spacing:.14em;color:var(--mk-navy);font-weight:500;line-height:1.9}
.mk-spec dd{margin:0;font-size:14.5px;line-height:1.75;color:#2A2A2A}
.mk-cap{margin:36px 0 0;font-size:16px;line-height:1.8;color:#2A2A2A}
.mk-cap b{margin-right:10px;font-family:'Noto Serif KR',serif;font-size:20px;font-weight:500}
/* 약속 · 성과 */
.mk-rules{list-style:none;counter-reset:r;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}
.mk-rules li{counter-increment:r;display:grid;grid-template-columns:52px minmax(0,1fr);row-gap:6px;padding:26px 0;border-bottom:1px solid #E6E6E6}
.mk-rules li::before{content:counter(r,decimal-leading-zero);grid-row:1 / span 2;font-family:'Bodoni Moda',serif;font-size:26px;font-weight:500;color:var(--mk-navy);line-height:1.2}
.mk-rules b{font-family:'Noto Serif KR',serif;font-size:20px;font-weight:500}
.mk-rules span{font-size:15.5px;line-height:1.8;color:#3A3A3A}
.mk-meas{margin-top:72px;padding:40px 44px;background:var(--mk-beige);border-radius:14px}
.mk-meas .mk-sub-h{margin-top:0}
.mk-mlist{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.mk-mlist li{display:grid;gap:8px;align-content:start;padding-top:18px;border-top:2px solid var(--mk-navy)}
.mk-mlist b{font-family:'Noto Serif KR',serif;font-size:20px;font-weight:500}
.mk-mlist span{font-size:14.5px;line-height:1.75;color:#3A3A3A}
/* 상품 카드(네이비 띠 위 흰 카드) */
.mk-stage{margin:36px 0 0;font-size:14px;color:#D5D8E0}
.mk-stage .k{display:inline-block;margin-right:10px;padding:4px 12px;border:1px solid #FFFFFF;border-radius:99px;color:#FFFFFF;letter-spacing:.14em}
.mk-cards{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.mk-card{padding:32px;border:1px solid #D2D2D2;border-radius:14px;background:#FFFFFF;color:#111111}
.mk-card.top{border-color:#FFFFFF;box-shadow:0 0 0 4px rgba(255,255,255,.28)}
.mk-th{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}
.mk-th i{height:22px;border:1px solid #C9C9C9;background:#F3F3F3}
.mk-th i.on{border-color:var(--mk-navy);background:var(--mk-navy)}
.mk-card-n{margin:26px 0 0;font-family:'Noto Serif KR',serif;font-size:24px;font-weight:500}
.mk-card-p{margin:10px 0 0;font-size:16px;color:var(--mk-navy)}
.mk-card-p .bod{font-size:52px;font-weight:600;line-height:1.1}
.mk-card-p small{font-size:14px;color:#6A6A6A}
.mk-card ul{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid #E6E6E6}
.mk-card li{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #EFEFEF;font-size:15px}
.mk-card li .bod{font-size:16px;font-weight:600}
.ic{flex:none;position:relative;width:18px;height:18px;border:1.5px solid var(--mk-navy)}
.ic::after{content:"";position:absolute;background:var(--mk-navy)}
.i-pg::after{left:3px;top:3px;right:3px;height:3px}
.i-hm{border-radius:0}.i-hm::after{left:4px;right:4px;bottom:0;height:7px}
.i-eye{border-radius:50%}.i-eye::after{left:5px;top:5px;width:4px;height:4px;border-radius:50%}
.i-cal::after{left:0;right:0;top:3px;height:2px}
.mk-notes{margin:28px 0 0;padding:0 0 0 20px;font-size:15px;line-height:2;color:#D5D8E0}
.mk-notes .bod{font-size:16px;font-weight:600;color:#FFFFFF}
.mk-prods{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.mk-prods li{padding:28px 32px;border:1px solid rgba(255,255,255,.5);border-radius:14px}
.mk-prod-t{margin:0;font-family:'Noto Serif KR',serif;font-size:21px;font-weight:500}
.mk-prod-d{margin:10px 0 0;font-size:15px;line-height:1.8;color:#D5D8E0}
.mk-prod-p{margin:12px 0 0;font-size:15px;color:#FFFFFF}
.mk-prod-p .bod{font-size:18px;font-weight:600}
.mk-n .pt-status{color:#D5D8E0}
/* 업체 홈페이지 · 제휴 */
/* 신청 4단계 */
.mk-steps{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 48px}
.mk-steps li{display:grid;gap:6px;align-content:start;min-width:0}
.mk-sn{font-size:64px;line-height:1;color:var(--mk-navy);font-weight:500}
.mk-steps b{margin-top:10px;font-family:'Noto Serif KR',serif;font-size:24px;font-weight:500}
.mk-steps li>span:not(.mk-sn){font-size:15.5px;line-height:1.7;color:#3A3A3A}
.mk-sm{margin-top:18px}
/* 독자 */
.mk-aud .aud{margin-top:0;padding-top:0;border-top:0}
.mk-aud .aud-head{margin-top:20px}
.mk-aud .aud-h{font-size:24px}
/* 마지막 문의 */
.mk-final{text-align:center;padding:120px 0 96px}
.mk-final h2{margin:0;font-family:'Noto Serif KR',serif;font-size:clamp(30px,4vw,52px);font-weight:400;line-height:1.5}
.mk-final>.wrap>p{margin:20px 0 0;font-size:18px;color:#D5D8E0}
.mk-kick-w{margin:0 0 22px;color:#B9BFCC}
.mk-final>.wrap>p.mk-apply-n{max-width:560px;margin:22px auto 0;font-size:14px;line-height:1.8;color:#B9BFCC}
.mk-print-only{display:none}
.mk-end{margin-top:88px;padding-top:32px;border-top:1px solid rgba(255,255,255,.4);font-size:14px;line-height:1.9;color:#D5D8E0}
.mk-end p{margin:0}
.mk-end-t{font-family:'Noto Serif KR',serif;font-size:20px;margin-bottom:6px!important;color:#FFFFFF}
.mk-sign{margin-top:18px!important;font-family:'Noto Serif KR',serif}
.mk-link{appearance:none;position:relative;border:0;background:none;padding:0;margin-left:14px;font:inherit;font-family:'Noto Sans KR',sans-serif;font-size:12.5px;color:#B9BFCC;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.mk-link::after{content:'';position:absolute;left:-6px;right:-6px;top:-12px;bottom:-12px}   /* 누르는 자리만 44px 안팎(카드 docs/액션카드/20261031_광고제휴_인쇄.md) */
.mk-link:focus-visible{outline:0;box-shadow:0 0 0 2px #1B2438,0 0 0 4px #FFFFFF;border-radius:2px}
/* 크게 보기 */
.mk-dlg{width:min(1840px,97vw);max-width:97vw;max-height:95vh;padding:64px 16px 16px;border:0;border-radius:14px;background:#FFFFFF;overflow:auto}
.mk-dlg::backdrop{background:rgba(17,17,17,.78)}
.mk-dlg-x{position:fixed;right:max(16px,calc((100vw - min(1840px,97vw))/2 + 16px));top:max(14px,calc((100vh - 95vh)/2 + 12px));z-index:3;appearance:none;height:44px;padding:0 24px;border:0;border-radius:99px;background:var(--mk-navy);color:#FFFFFF;font:inherit;font-size:15px;letter-spacing:.08em;cursor:pointer}
.mk-dlg-b{width:100%}
.mk-dlg-b .mk-zoomed{width:min(1440px,100%);max-width:100%;margin-left:auto;margin-right:auto;cursor:default;box-shadow:none}
.mk-dlg-b .mk-ph-d{width:min(430px,100%);margin:0 auto}
.mk-dlg-b .mk-duo{display:none}
@container mg (max-width:1100px){
  .mk-mlist{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-cards{grid-template-columns:minmax(0,1fr)}
}
@container mg (max-width:960px){
  .mk-band{padding:80px 0}
  .mk-cover{padding:32px 0 72px}
  .mk-dek{font-size:20px}
  .mk-rules{grid-template-columns:minmax(0,1fr)}
  .mk-prods{grid-template-columns:minmax(0,1fr)}
  .mk-steps{gap:48px 28px}
  .mk-duo{right:-6px}
}
@container mg (max-width:700px){
  .mk-band{padding:64px 0}
  .mk-kick{margin-top:36px}
  .mk-mast{font-size:48px}
  .mk-dek{font-size:18px;margin-top:20px}
  .mk-big{grid-template-columns:minmax(0,1fr)}
  .mk-big li{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:14px;padding:18px 0}
  .mk-big li+li{padding-left:0;border-left:0;border-top:1px solid #D2D2D2}
  .mk-bn{font-size:56px}
  .mk-acts{flex-direction:column}
  .mk-cta,.mk-cta-l{width:100%;height:60px;padding:0 20px;font-size:16px}
  .mk-sec-h{gap:14px}.mk-no{font-size:32px}
  .mk-lead{font-size:16px}
  .mk-hl::before{inset:-4px;border-width:1px;border-radius:6px}.mk-hl em{width:20px;height:20px;font-size:11px}
  .mk-vt{right:10px;bottom:10px;font-size:10.5px;padding:2px 9px}
  .mk-stage-s>.mk-pc,.mk-spot-s>.mk-pc{margin-left:-20px;margin-right:-20px;border-radius:0;border-left:0;border-right:0}
  .mk-only-m{display:block}
  .mk-only-pc{display:none}
  .mk-only-m .mk-phf{width:100%;max-width:300px;margin:0 auto}
  .mk-stage-s{padding-top:34px}
  .mk-cert{margin-top:32px}
  .mk-meas{padding:28px 22px}
  .mk-mlist{grid-template-columns:minmax(0,1fr)}
  .mk-steps{grid-template-columns:minmax(0,1fr)}
  .mk-duo{position:static;width:min(60%,240px);margin:20px auto 0}
  .mk-hs{padding-bottom:0}
  .mk-card{padding:24px}
  .mk-card-p .bod{font-size:44px}
  .mk-final{padding:80px 0 64px}
  .mk-dlg{padding:60px 8px 8px}
  .mk-dlg-b .mk-pc{width:1100px;max-width:none}
}
/* 인쇄 · A4 — 매거진 머리·바닥글·하단 바는 빼고 안내만 */
@page{size:A4;margin:14mm 14mm 16mm}
@media print{
  html,body{background:#FFFFFF!important}
  .mg{padding-bottom:0!important}
  .mg>:not(.mk){display:none!important}
  .mk-crumb,.mk-acts,.mk-cert,.mk-link,.mk-dlg,.mk-glance,.mk-tl,.mk-apply-n{display:none!important}
  .mk-print-only{display:block!important}
  .mk-band{padding:8mm 0;background:#FFFFFF!important;color:#111111!important}
  .mk-n .mk-sec-h h2,.mk-n .mk-no{color:#111111}.mk-n .mk-lead,.mk-n .mk-notes,.mk-n .mk-prod-d,.mk-n .mk-stage,.mk-final>.wrap>p,.mk-end{color:#3A3A3A!important}
  .mk-n .mk-sec-h{border-bottom-color:#111111}
  .mk-tabs .mk-panel,.mk-tabs.js .mk-panel:not(.on){display:block!important}
  .mk-only-m{display:none!important}.mk-only-pc{display:block!important}
  .mk-mast{font-size:40pt}
  .mk-panel,.mk-card,.mk-prods li,.mk-steps li,.mk-rules li,.aud-who li,.aud-cols>div{break-inside:avoid}
  .mk-pc,.mk-ph-d{box-shadow:none}
  a{color:#111111;text-decoration:none}
  .aud-sample{border:1px solid #1B2438}
}

/* ---------- 왼쪽 목록(공용 side-nav · 대표 지시 2026-11-02) ----------
   PC(본문 1240 이상): 구역 띠를 끊지 않도록 .wrap 왼쪽에 떠 있는 흰 칸(.mk-flow 안에서만 고정) · 띠 안 내용은 그만큼 오른쪽으로.
   좁은 화면: 위쪽 가로 밀기 칩(옛 구역 줄 자리) */
.mk-flow{position:relative}
.mk-sidewrap{position:-webkit-sticky;position:sticky;top:calc(var(--hd-h,128px) + 24px);z-index:6;height:0}
.mk-sidewrap>.wrap{position:relative;height:0}
.mk-sidewrap .rsn{position:absolute;left:48px;top:0;width:200px;margin:0;padding:4px 14px 10px;box-sizing:border-box;background:#FFFFFF;box-shadow:0 0 0 1px #E6E6E6}
.mk-flow .mk-band>.wrap{padding-left:296px}
@container mg (max-width:1239px){
.mk-sidewrap{position:static;height:auto;background:#FFFFFF;border-top:1px solid #111111;border-bottom:1px solid #E6E6E6}
.mk-sidewrap>.wrap{height:auto}
.mk-sidewrap .rsn{position:static;width:auto;margin:0;padding:12px 0;box-shadow:none;background:none}
.mk-flow .mk-band>.wrap{padding-left:48px}
}
@container mg (max-width:960px){.mk-flow .mk-band>.wrap{padding-left:20px}}
@media print{.mk-sidewrap{display:none!important}.mk-flow .mk-band>.wrap{padding-left:0}}

/* ---------- 크게 보기 창(대표 지시 2026-11-02): 화면 80% 안 · 오른쪽 위 X · 바깥 누름 · Esc 로 닫힘 ---------- */
.mk-dlg{width:min(1200px,80vw);max-width:80vw;max-height:80vh;max-height:80dvh;padding:56px 20px 20px;box-sizing:border-box;overflow:auto}
.mk-dlg .mk-dlg-x{position:absolute;right:8px;top:8px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#111111;font-size:0;box-shadow:none;cursor:pointer}
.mk-dlg .mk-dlg-x::before,.mk-dlg .mk-dlg-x::after{content:"";position:absolute;left:13px;top:21px;width:18px;height:1.5px;background:currentColor;transform:rotate(45deg)}
.mk-dlg .mk-dlg-x::after{transform:rotate(-45deg)}
.mk-dlg .mk-dlg-x:hover{background:#F3F4F7}
.mk-dlg .mk-dlg-x:focus-visible{outline:2px solid var(--mk-navy);outline-offset:0}
.mk-dlg-b .mk-zoomed{width:100%}
.mk-dlg-b .mk-ph-d{width:min(340px,calc((80vh - 96px) / 2.2),100%)}
@container mg (max-width:960px){.mk-dlg{width:92vw;max-width:92vw;max-height:84vh;padding:56px 10px 10px}}
/* 넓은 화면 배치(대표 지시 2026-11-02 13시): 왼쪽 목록이 서는 넓이에서 안내서 구역도 화면 폭을 쓴다(최대 1840 · 오른쪽 편의 단추 안전 여백) */
@container mg (min-width:1240px){
.mk-flow .mk-band>.wrap,.mk-sidewrap>.wrap{max-width:1840px;padding-right:clamp(72px,4.6vw,88px)}
.mk-flow .mk-band>.wrap{padding-left:calc(clamp(40px,3.2vw,64px) + 264px)}
.mk-sidewrap .rsn{left:clamp(40px,3.2vw,64px);width:208px}
}

/* ---------- 전면 재설계(대표 지시 2026-11-09 '광고 제휴 안내가 한눈에 안 들어온다') ----------
   10초 안에: 표지 숫자 3개 → 한눈에 4칸(어디 · 어떻게 · 얼마 · 시작) → 광고 자리 4곳(실제 캡처 + 표) → 휴대폰 실제 캡처 1장 → 요금 → 3단계 → 신청 하나 */
/* 표지 숫자: 이름 · 숫자+단위 · 한 줄 설명 */
.mk-big li{display:flex;flex-direction:column;gap:12px}
.mk-bt{font-size:12px;letter-spacing:.16em;color:var(--mk-navy);font-weight:500}
.mk-bv{display:flex;align-items:baseline;gap:8px}
.mk-bu{font-family:'Noto Serif KR',serif;font-size:22px;font-weight:500;color:#111111}
.mk-bl{font-size:15px;line-height:1.7;color:#3A3A3A}
.mk-cert a.mk-down{margin-left:4px}
/* 한눈에 4칸(네이비 띠) */
.mk-glance{background:var(--mk-navy);color:#FFFFFF}
.mk-glance ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.mk-glance li{min-width:0}
.mk-glance li+li{border-left:1px solid rgba(255,255,255,.22)}
.mk-glance a{display:grid;align-content:start;gap:10px;height:100%;box-sizing:border-box;padding:40px 28px 38px;color:#FFFFFF;text-decoration:none;transition:background .14s ease}
.mk-glance li:first-child a{padding-left:0}
.mk-glance a:hover{background:rgba(255,255,255,.06);text-decoration:none}
.mk-glance a:focus-visible{outline:2px solid #FFFFFF;outline-offset:-4px}
.mk-gk{font-size:12px;letter-spacing:.18em;color:#B9BFCC;font-weight:500}
.mk-glance b{font-family:'Noto Serif KR',serif;font-size:21px;font-weight:500;line-height:1.5}
.mk-gd{font-size:13.5px;line-height:1.7;color:#D5D8E0}
/* 01 광고 자리 4곳: 캡처(왼쪽) + 표(오른쪽) */
.mk-spots{display:grid;gap:80px;margin-top:56px}
.mk-spot{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:56px;align-items:center}
.mk-spot-s,.mk-spot-t{min-width:0}
.mk-spot-k{display:flex;align-items:center;gap:14px;margin:0 0 20px;font-family:'Noto Serif KR',serif;font-size:26px;font-weight:500;line-height:1.35}
.mk-spot-k .bod{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--mk-navy);color:#FFFFFF;font-size:20px;font-weight:600;line-height:1}
.mk-spot .mk-spec>div{grid-template-columns:76px minmax(0,1fr)}
.mk-spot .mk-spec dd{font-size:15px}
.mk-spot-p{color:var(--mk-navy)!important;font-weight:500}
.mk-spot-p .bod{font-size:17px;font-weight:600}
.mk-hl em{width:30px;height:30px;font-size:16px;font-weight:600}
/* 그 밖의 지면 8곳(접힘) */
.mk-more{margin-top:88px;border-top:1px solid #111111;border-bottom:1px solid #D2D2D2}
.mk-more summary{list-style:none;position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;min-height:44px;padding:26px 48px 26px 0;cursor:pointer}
.mk-more summary::-webkit-details-marker{display:none}
.mk-more summary>span:first-child{font-family:'Noto Serif KR',serif;font-size:21px;font-weight:500}
.mk-more-l{font-size:14px;line-height:1.7;color:#6A6A6A}
.mk-more summary::after{content:"";position:absolute;right:10px;top:50%;width:10px;height:10px;border-right:1.5px solid var(--mk-navy);border-bottom:1.5px solid var(--mk-navy);transform:translateY(-70%) rotate(45deg)}
.mk-more[open] summary::after{transform:translateY(-20%) rotate(-135deg)}
.mk-more summary:focus-visible{outline:2px solid var(--mk-navy);outline-offset:4px}
.mk-more .mk-tabs{margin:8px 0 48px}
.mk-fine .mk-issued{margin:0 0 0 6px;font-size:inherit;white-space:nowrap}
/* 02 휴대폰 실제 캡처 1장 */
.mk-phone{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:88px;align-items:center;margin-top:56px}
.mk-phone-t .mk-lead{margin-top:0}
.mk-checks{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 44px}
.mk-checks li{display:grid;gap:8px;align-content:start;padding-top:18px;border-top:2px solid var(--mk-navy)}
.mk-checks b{font-family:'Noto Serif KR',serif;font-size:20px;font-weight:500}
.mk-checks span{font-size:15px;line-height:1.75;color:#3A3A3A}
/* 03 창립 회원(예정) */
.mk-found{margin-top:48px;padding:32px 36px;border:1px dashed rgba(255,255,255,.55);border-radius:14px}
.mk-found-k{display:flex;align-items:center;gap:12px;margin:0;font-size:12px;letter-spacing:.16em;color:#B9BFCC}
.mk-found-k span{padding:3px 12px;border-radius:99px;background:#FFFFFF;color:var(--mk-navy);font-weight:600;letter-spacing:.08em}
.mk-found-t{margin:14px 0 0;font-family:'Noto Serif KR',serif;font-size:24px;font-weight:500;line-height:1.5;color:#FFFFFF}
.mk-found-d{margin:10px 0 0;max-width:820px;font-size:15px;line-height:1.85;color:#D5D8E0}
/* 04 시작 3단계 */
.mk-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 40px}
.mk-steps li>span:not(.mk-sn){min-height:5.1em}
@container mg (max-width:1100px){
  .mk-spot{grid-template-columns:minmax(0,1fr);gap:28px}
  .mk-glance ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-glance li:nth-child(3){border-left:0}
  .mk-glance li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.22)}
  .mk-glance li:nth-child(3) a{padding-left:0}
  .mk-phone{gap:48px}
}
@container mg (max-width:960px){
  .mk-steps{grid-template-columns:minmax(0,1fr)}
  .mk-steps li>span:not(.mk-sn){min-height:0}
  .mk-checks{grid-template-columns:minmax(0,1fr)}
}
@container mg (max-width:700px){
  .mk-big li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;row-gap:4px;align-items:center;padding:18px 0}
  .mk-big .mk-bv{grid-row:1 / span 2;min-width:96px}
  .mk-bn{font-size:52px}
  .mk-bu{font-size:18px}
  .mk-bl{font-size:14px}
  .mk-glance ol{grid-template-columns:minmax(0,1fr)}
  .mk-glance li+li{border-left:0;border-top:1px solid rgba(255,255,255,.22)}
  .mk-glance a,.mk-glance li:first-child a,.mk-glance li:nth-child(3) a{grid-template-columns:56px minmax(0,1fr);column-gap:12px;row-gap:4px;padding:18px 0}
  .mk-glance .mk-gk{grid-row:1 / span 2;padding-top:5px}
  .mk-glance b{font-size:17px}
  .mk-gd{font-size:13px}
  .mk-spots{gap:56px;margin-top:36px}
  .mk-spot-k{font-size:21px;margin-bottom:14px}
  .mk-spot-k .bod{width:34px;height:34px;font-size:17px}
  .mk-spot .mk-spec>div{grid-template-columns:72px minmax(0,1fr);gap:10px}
  .mk-spot .mk-spec dd{font-size:14.5px}
  .mk-hl em{width:22px;height:22px;font-size:12px}
  .mk-more{margin-top:56px}
  .mk-more summary>span:first-child{font-size:18px}
  .mk-phone{grid-template-columns:minmax(0,1fr);gap:36px;margin-top:36px}
  .mk-phone-s{width:min(78%,290px);margin:0 auto}
  .mk-found{padding:24px 20px}
  .mk-found-t{font-size:20px}
}
@media print{.mk-more>.mk-tabs{display:block!important}.mk-spot{break-inside:avoid}}
.mk-b .mk-meas{background:#FFFFFF}
@container mg (max-width:700px){.mk-spot .mk-hl em{left:3px;top:3px;transform:none}}