/* 무역 서류 공용(견적서 · PI · C/I · P/L · 거래명세서). A4 비율, 종이는 늘 흰색. trade-doc.js가 그린다. */
.qdoc{position:relative;box-sizing:border-box;width:595px;min-height:842px;background:#fff;color:#1B2130;font:10px/1.5 'Pretendard',sans-serif;box-shadow:0 10px 30px rgba(20,24,40,.14);overflow:hidden;flex:none;padding-bottom:40px;}
.qdoc *{box-sizing:border-box;}
.qdoc .top{position:relative;background:#22263A;color:#fff;padding:26px 30px 34px;overflow:hidden;}
.qdoc .top .band{position:absolute;left:-10%;right:-10%;bottom:6px;height:14px;background:linear-gradient(90deg,#EBAF4B,#D28E31);transform:skewY(-4deg);}
.qdoc .top .ray{position:absolute;left:-10%;right:-10%;bottom:28px;height:1px;background:rgba(237,178,78,.55);transform:skewY(-4deg);}
.qdoc .wm{font:italic 900 20px 'Pretendard',sans-serif;color:#F39701;}
.qdoc .ttl{position:absolute;right:30px;top:24px;text-align:right;}
.qdoc .ttl b{display:block;font:800 22px Montserrat,sans-serif;letter-spacing:.06em;}
.qdoc .ttl small{font-size:10px;color:#D3D6DF;letter-spacing:.3em;}
.qdoc .co{position:relative;margin-top:6px;font-size:8.5px;color:#D3D6DF;line-height:1.6;max-width:340px;}
.qdoc .meta{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;padding:18px 30px 10px;}
.qdoc .meta h4{margin:0 0 4px;font:800 7.5px Montserrat,sans-serif;letter-spacing:.28em;color:#9A5800;}
.qdoc .meta .to b{display:block;font-size:14px;}
.qdoc .meta dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0;}
.qdoc .meta dt{color:#5A6273;} .qdoc .meta dd{margin:0;font-weight:700;}
.qdoc table{width:calc(100% - 60px);margin:8px 30px 0;border-collapse:collapse;table-layout:auto;}
.qdoc table th,.qdoc table td{font-size:10px;text-align:left;color:#1B2130;background:transparent;line-height:1.45;white-space:normal;}
.qdoc table th{font:800 7.5px Montserrat,sans-serif;letter-spacing:.18em;color:#5A6273;padding:6px;border-bottom:2px solid #22263A;}
.qdoc table td{padding:7px 6px;border-bottom:1px solid #E1E4EA;vertical-align:top;}
.qdoc table td.r,.qdoc table th.r{text-align:right;font-variant-numeric:tabular-nums;}
.qdoc table td .m{font-weight:800;font-size:10.5px;} .qdoc table td .d{color:#5A6273;font-size:8.5px;}
.qdoc table td .pg{display:inline-block;margin-left:4px;font:800 7px Montserrat,sans-serif;color:#9A5800;border:1px solid #E1E4EA;padding:0 3px;}
.qdoc table td.n{font:800 9px Montserrat,sans-serif;color:#9A5800;}
.qdoc .tot{display:grid;grid-template-columns:1fr 210px;gap:18px;padding:12px 30px 0;}
.qdoc .tot dl{display:grid;grid-template-columns:1fr auto;gap:3px 10px;margin:0;}
.qdoc .tot dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:700;}
.qdoc .tot .g{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;background:#22263A;color:#fff;padding:8px 10px;margin-top:4px;}
.qdoc .tot .g b{font:800 15px Montserrat,sans-serif;color:#EDB24E;}
.qdoc .terms{font-size:8.5px;line-height:1.7;}
.qdoc .terms b{display:inline-block;min-width:56px;color:#5A6273;font-weight:700;}
.qdoc .note{padding:12px 30px 0;font-size:8.5px;line-height:1.7;white-space:pre-wrap;color:#1B2130;}
.qdoc .sign{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:20px 30px 0;font-size:9px;}
.qdoc .foot{position:absolute;left:0;right:0;bottom:0;padding:10px 30px;border-top:1px solid #E1E4EA;display:flex;justify-content:space-between;font-size:8px;color:#5A6273;}
.qdoc .foot b{color:#9A5800;}
.qdoc .empty{padding:18px 6px;color:#9AA0AE;text-align:center;}
.qt-print,.td-print{position:fixed;left:-10000px;top:0;}
.qdoc .meta h4.ttl2{margin-top:8px;}
.qdoc .pk{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:12px 30px 0;border:1px solid #E1E4EA;}
.qdoc .pk div{padding:8px 10px;border-left:1px solid #E1E4EA;} .qdoc .pk div:first-child{border-left:0;}
.qdoc .pk span{display:block;font:800 7px Montserrat,sans-serif;letter-spacing:.2em;color:#5A6273;} .qdoc .pk b{font:800 13px Montserrat,sans-serif;}