/* 엠플랫 고객 자료 요청서 */
.mpcb{--n:#082B4A;--b:#2479CC;--bl:#E8F0F9;--fg:#0E1B2A;--mu:#5B6878;--ln:#DCE3EB;--bg:#F5F7FA;--ok:#1E8A5A;--warn:#B4532A;--r:18px;
	font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--fg);
	max-width:1160px;margin:0 auto;padding:40px 24px 96px;box-sizing:border-box;word-break:keep-all;line-height:1.6;font-size:16px}
.mpcb *,.mpcb *::before,.mpcb *::after{box-sizing:border-box}
.mpcb button{font-family:inherit}
.mpcb-card{background:#fff;border:1px solid var(--ln);border-radius:var(--r);padding:36px}
.mpcb-loading,.mpcb-empty{text-align:center;color:var(--mu)}
.mpcb-empty h2{font-size:24px;color:var(--n);margin:0 0 8px}

/* 상단 */
.mpcb-top{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:end;margin-bottom:28px}
.mpcb-top h1{font-size:clamp(26px,3.4vw,38px);font-weight:700;letter-spacing:-.03em;line-height:1.25;color:var(--n);margin:0 0 10px}
.mpcb-top p{margin:0;color:var(--mu);max-width:620px}
.mpcb-top-meta{background:#fff;border:1px solid var(--ln);border-radius:var(--r);padding:18px 20px}
.mpcb-pctrow{display:flex;justify-content:space-between;font-size:14px;color:var(--mu);margin-bottom:8px}
.mpcb-pctrow b{color:var(--n);font-size:16px}
.mpcb-progress{height:8px;border-radius:99px;background:var(--bl);overflow:hidden}
.mpcb-progress span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--b),var(--n));transition:width .5s cubic-bezier(.22,1,.36,1)}
.mpcb-save{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:13.5px;color:var(--mu);min-height:22px}
.mpcb-dot{width:8px;height:8px;border-radius:50%;background:var(--mu);flex:none}
.mpcb-save--saved .mpcb-dot{background:var(--ok)}
.mpcb-save--saving .mpcb-dot,.mpcb-save--pending .mpcb-dot{background:var(--b);animation:mpcbPulse 1s ease-in-out infinite}
.mpcb-save--error{color:var(--warn)}
.mpcb-retry{border:1px solid currentColor;background:none;color:inherit;border-radius:99px;padding:2px 10px;font-size:13px;cursor:pointer}
@keyframes mpcbPulse{50%{opacity:.35}}

/* 본문: 왼쪽 주제 목록 + 오른쪽 작성 */
.mpcb-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}
.mpcb-nav{position:sticky;top:110px;display:flex;flex-direction:column;gap:4px}
.mpcb-navbtn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-radius:12px;padding:10px 12px;font-size:15px;color:var(--fg);cursor:pointer;transition:background .2s,color .2s}
.mpcb-navbtn:hover{background:#fff}
.mpcb-navno{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:700;background:var(--bl);color:var(--n);transition:background .2s,color .2s}
.mpcb-navlabel{flex:1;min-width:0}
.mpcb-navcount{font-size:12.5px;color:var(--mu);font-variant-numeric:tabular-nums}
.mpcb-navbtn.is-complete .mpcb-navno{background:var(--ok);color:#fff}
.mpcb-navbtn.is-current{background:#fff;box-shadow:0 0 0 1px var(--ln);font-weight:650;color:var(--n)}
.mpcb-navbtn.is-current .mpcb-navno{background:var(--n);color:#fff}
.mpcb-navbtn--final{margin-top:8px;border-top:1px solid var(--ln);border-radius:0 0 12px 12px;padding-top:14px}
.mpcb-navbtn:focus-visible,.mpcb-btn:focus-visible,.mpcb-chip:focus-visible,.mpcb-link:focus-visible{outline:2px solid var(--b);outline-offset:2px}

.mpcb-panel-head{margin-bottom:28px}
.mpcb-step{display:inline-block;font-size:13px;font-weight:600;color:var(--b);margin-bottom:6px}
.mpcb-panel-head h2{font-size:clamp(22px,2.6vw,28px);font-weight:700;letter-spacing:-.025em;color:var(--n);margin:0;outline:0}
.mpcb-panel-head p{margin:8px 0 0;color:var(--mu)}

/* 필드 */
.mpcb-fields{display:flex;flex-direction:column;gap:26px}
.mpcb-label{display:flex;align-items:center;gap:8px;font-weight:650;font-size:15.5px;margin-bottom:8px;color:var(--fg)}
.mpcb-req{font-size:11.5px;font-weight:700;color:var(--b);background:var(--bl);border-radius:99px;padding:1px 8px}
.mpcb-help{font-size:13.5px;color:var(--mu);margin:-4px 0 10px}
.mpcb input[type=text],.mpcb input[type=email],.mpcb input[type=tel],.mpcb input[type=url],.mpcb input[type=date],.mpcb select,.mpcb textarea{
	width:100%;font:inherit;font-size:16px;color:var(--fg);background:#fff;border:1px solid var(--ln);border-radius:12px;padding:12px 14px;min-height:48px;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}
.mpcb select{background-image:linear-gradient(45deg,transparent 50%,var(--mu) 50%),linear-gradient(135deg,var(--mu) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}
.mpcb textarea{resize:vertical;line-height:1.6}
.mpcb input:focus,.mpcb select:focus,.mpcb textarea:focus{outline:0;border-color:var(--b);box-shadow:0 0 0 3px rgba(36,121,204,.18)}
.mpcb input:disabled,.mpcb select:disabled,.mpcb textarea:disabled{background:var(--bg);color:var(--fg);opacity:1}
.mpcb ::placeholder{color:#9AA5B1}
.mpcb-field.is-invalid input,.mpcb-field.is-invalid textarea,.mpcb-field.is-invalid select{border-color:var(--warn)}
.mpcb-err{margin:6px 0 0;font-size:13.5px;color:var(--warn)}
.mpcb-err:empty{display:none}

.mpcb-options{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mpcb-opt{position:relative;cursor:pointer}
.mpcb-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.mpcb-opt span{display:inline-flex;align-items:center;min-height:42px;padding:8px 16px;border:1px solid var(--ln);border-radius:99px;background:#fff;font-size:15px;transition:background .2s,border-color .2s,color .2s}
.mpcb-opt:hover span{border-color:var(--b)}
.mpcb-opt input:checked+span{background:var(--n);border-color:var(--n);color:#fff}
.mpcb-opt input[type=checkbox]:checked+span::before{content:"";width:12px;height:7px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg) translateY(-2px);margin-right:8px}
.mpcb-opt input:focus-visible+span{box-shadow:0 0 0 3px rgba(36,121,204,.3)}
.mpcb-opt input:disabled+span{cursor:default}
.mpcb-clear{background:none;border:0;color:var(--mu);font-size:13.5px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px}

.mpcb-color{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mpcb-color input[type=color]{width:48px;height:48px;border:1px solid var(--ln);border-radius:12px;padding:4px;background:#fff;cursor:pointer}
.mpcb-color .mpcb-hex{width:130px!important;font-variant-numeric:tabular-nums;text-transform:uppercase}
.mpcb-colorstate{font-size:13.5px;color:var(--mu)}

/* 파일 */
.mpcb-fileinput{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.mpcb-drop{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:26px 16px;border:1.5px dashed #B9C6D4;border-radius:14px;background:var(--bg);cursor:pointer;transition:border-color .2s,background .2s}
.mpcb-drop strong{color:var(--n);font-size:15px}
.mpcb-drop span{font-size:13px;color:var(--mu)}
.mpcb-drop:hover,.mpcb-drop.is-over{border-color:var(--b);background:var(--bl)}
.mpcb-fileinput:focus-visible+.mpcb-drop{outline:2px solid var(--b);outline-offset:2px}
.mpcb-filelist,.mpcb-uploads{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.mpcb-filelist:empty,.mpcb-uploads:empty{display:none}
.mpcb-file,.mpcb-up{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--ln);border-radius:12px;background:#fff}
.mpcb-file img,.mpcb-fileicon{flex:none;width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--bl);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--n)}
.mpcb-filename{flex:1;min-width:0;display:flex;flex-direction:column}
.mpcb-filename a,.mpcb-filename b{font-weight:600;font-size:14.5px;color:var(--fg);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mpcb-filename a:hover{color:var(--b)}
.mpcb-filename small{font-size:12.5px;color:var(--mu)}
.mpcb-remove{flex:none;background:none;border:1px solid var(--ln);border-radius:99px;padding:5px 12px;font-size:13px;color:var(--mu);cursor:pointer;transition:border-color .2s,color .2s}
.mpcb-remove:hover{border-color:var(--warn);color:var(--warn)}
.mpcb-up{flex-wrap:wrap}
.mpcb-uptrack{flex-basis:100%;height:4px;border-radius:99px;background:var(--bl);overflow:hidden}
.mpcb-upbar{display:block;height:100%;width:0;background:var(--b);transition:width .2s}
.mpcb-up.is-error small{color:var(--warn)}
.mpcb-up.is-error .mpcb-uptrack{display:none}

/* 버튼 */
.mpcb-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:40px;padding-top:24px;border-top:1px solid var(--ln)}
.mpcb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;border-radius:99px;border:1px solid var(--n);background:var(--n);color:#fff;font-size:15.5px;font-weight:650;cursor:pointer;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.mpcb-btn:hover{background:var(--b);border-color:var(--b);transform:translateY(-3px);box-shadow:0 10px 22px -12px rgba(8,43,74,.55)}
.mpcb-btn--ghost{background:#fff;color:var(--n);border-color:var(--ln)}
.mpcb-btn--ghost:hover{background:var(--bl);border-color:var(--b);color:var(--n)}
.mpcb-btn:disabled{background:#C7D1DC;border-color:#C7D1DC;color:#fff;cursor:not-allowed;transform:none;box-shadow:none}
.mpcb-btn--submit{min-width:200px}

/* 검토 */
.mpcb-notice{border-radius:14px;padding:18px 20px;margin-bottom:20px}
.mpcb-notice strong{display:block;font-size:16px;margin-bottom:6px}
.mpcb-notice p{margin:0;color:var(--mu)}
.mpcb-notice ul{margin:6px 0 0;padding-left:18px}
.mpcb-notice--warn{background:#FBF1EC;color:var(--warn)}
.mpcb-notice--ok{background:#EAF6F0;color:var(--ok)}
.mpcb-link{background:none;border:0;padding:3px 0;font:inherit;font-size:15px;color:var(--fg);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mpcb-link:hover{color:var(--b)}
.mpcb-review-list{display:flex;flex-wrap:wrap;gap:8px}
.mpcb-review-list .mpcb-help{flex-basis:100%;margin:0 0 4px}
.mpcb-chip{border:1px solid var(--ln);background:#fff;border-radius:99px;padding:8px 14px;font-size:14.5px;cursor:pointer;color:var(--fg);transition:border-color .2s,background .2s}
.mpcb-chip:hover{border-color:var(--b);background:var(--bl)}
.mpcb-chip small{color:var(--mu)}

/* 제출 완료 */
.mpcb-done{max-width:640px;margin:20px auto;text-align:center;padding:56px 32px}
.mpcb-done h1{font-size:clamp(24px,3vw,32px);color:var(--n);letter-spacing:-.03em;margin:18px 0 10px}
.mpcb-done p{color:var(--mu);margin:0 0 24px}
.mpcb-check{width:64px;height:64px;margin:0 auto;border-radius:50%;background:var(--ok);position:relative;animation:mpcbPop .6s cubic-bezier(.34,1.56,.64,1) both}
.mpcb-check::after{content:"";position:absolute;left:21px;top:20px;width:22px;height:12px;border:solid #fff;border-width:0 0 3px 3px;transform:rotate(-45deg)}
@keyframes mpcbPop{0%{transform:scale(.6);opacity:0}100%{transform:scale(1);opacity:1}}
.mpcb-readonly{display:flex;flex-direction:column;gap:20px;max-width:820px;margin:28px auto 0}

.mpcb-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);max-width:calc(100% - 32px);background:var(--n);color:#fff;padding:12px 18px;border-radius:12px;font-size:14.5px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:9999}
.mpcb-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* 태블릿 · 모바일: 주제 목록을 가로로 밀어서 보기 */
@media (max-width:1024px){
	.mpcb{padding:28px 20px 80px}
	.mpcb-top{grid-template-columns:1fr;gap:18px}
	.mpcb-body{grid-template-columns:1fr;gap:16px}
	.mpcb-nav{position:sticky;top:0;z-index:5;flex-direction:row;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:10px 20px;background:rgba(245,247,250,.94);backdrop-filter:saturate(1.4);scroll-snap-type:x proximity}
	.mpcb-nav::-webkit-scrollbar{display:none}
	.mpcb-navbtn{width:auto;flex:none;white-space:nowrap;background:#fff;box-shadow:0 0 0 1px var(--ln);border-radius:99px;padding:6px 14px 6px 6px;font-size:14px;scroll-snap-align:start}
	.mpcb-navbtn.is-current{box-shadow:0 0 0 1.5px var(--n)}
	.mpcb-navbtn--final{margin:0;border-top:0;padding-top:6px;border-radius:99px}
	.mpcb-navno{width:24px;height:24px}
}
@media (max-width:640px){
	.mpcb{padding:20px 16px 72px;font-size:15.5px}
	.mpcb-nav{margin:0 -16px;padding:10px 16px}
	.mpcb-card{padding:24px 18px;border-radius:16px}
	.mpcb-panel-head{margin-bottom:22px}
	.mpcb-fields{gap:22px}
	.mpcb-pager{flex-direction:column-reverse;align-items:stretch}
	.mpcb-pager>span:empty{display:none}
	.mpcb-btn{width:100%}
	.mpcb-done{padding:40px 20px}
}
@media (prefers-reduced-motion:reduce){
	.mpcb *,.mpcb *::before,.mpcb *::after{animation:none!important;transition:none!important}
}
@media print{
	.mpcb-nav,.mpcb-pager,.mpcb-top-meta,.mpcb-toast{display:none}
}

/* 엑셀로 작성하기 */
.mpcb-excel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;align-items:center;background:#fff;border:1px dashed #B9C6D4;border-radius:var(--r);padding:16px 20px;margin-bottom:24px}
.mpcb-excel-text strong{display:block;color:var(--n);font-size:15.5px}
.mpcb-excel-text span{font-size:14px;color:var(--mu)}
.mpcb-excel-actions{display:flex;gap:8px;flex-wrap:wrap}
.mpcb-btn--sm{min-height:42px;padding:8px 18px;font-size:14.5px;text-decoration:none}
.mpcb-btn.is-busy{pointer-events:none;opacity:.7}
.mpcb-fileinput:focus-visible+.mpcb-btn{outline:2px solid var(--b);outline-offset:2px}
.mpcb-excel-note{grid-column:1/-1}
.mpcb-excel-note:empty{display:none}
.mpcb-excel-note .mpcb-notice{margin:6px 0 0}
@media (max-width:640px){.mpcb-excel{grid-template-columns:1fr;padding:16px}.mpcb-excel-actions .mpcb-btn{flex:1 1 140px;width:auto}}

/* 떠 있는 사이트 헤더 아래로 여백 */
.mpcb{padding-top:140px}
.mpcb-nav{top:120px}
@media (max-width:1024px){.mpcb{padding-top:146px}.mpcb-nav{top:124px;border-radius:0 0 14px 14px}}
@media (max-width:640px){.mpcb{padding-top:132px}.mpcb-nav{top:116px}}