@charset "utf-8";
/* ============================================================
CH Harmony B2B 거래처 화면 공통 스타일
2026-09-02 최초 작성
적용 대상 : 주문현황 / 주문하기 / 장바구니 (B2B 사이트 전용)
불러오기 :
원칙
- 모양만 바꾼다. 정보·버튼·기능은 건드리지 않는다.
- 색·여백을 바꿀 일이 생기면 아래 [기준값] 만 고친다.
- 다른 10개 사이트(AGPN·nols·onsi 등)에는 적용하지 않는다.
============================================================ */
/* ---------- [기준값] ---------------------------------------
테두리 #d3dae1 머리글 바탕 #eef3f7
본문글자 #2b3540 옅은글자 #66788a / #7b8894
강조(파랑) #2b7a9b 금액(주황) #b45309 발송완료(초록) #0f7b52
경고(빨강) #c0392b
----------------------------------------------------------- */
/* ===== 바탕색 =====
이 두 화면만 /admin/inc/inc_Head.asp 를 거쳐 chharmony.css 를 부르는데,
거기 body 배경(#F1F5F9)이 를 덮어쓴다
(CSS 가 태그 속성보다 우선). 그래서 좌측 메뉴 뒤가 회청색으로 비쳤다.
발송현황 등 다른 화면은 그 파일을 안 불러 흰색이다. 여기서 되돌린다. */
body { background-color:#ffffff }
/* ===== 입력 요소 공통 ===== */
input[type=text] { height:26px }
input[type=date] { height:26px }
/* ===== 검색 버튼 =====
2026-09-02 : 배경 지정이 없어 평소엔 브라우저 기본 회색이었고
:hover 에서만 흰색이라, 눌러야 할 버튼으로 보이지 않았다.
평소에 파란색으로 두고 올리면 진해지도록 뒤집었다. */
.btn_search {
background:#2b7a9b; color:#ffffff; border:0; border-radius:5px;
height:60px; width:100px; font-size:14px; font-weight:bold;
letter-spacing:.06em; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.18);
}
.btn_search:hover { background:#215f79 }
.btn_search:active { background:#1a4c62; box-shadow:none }
/* ===== 바깥 틀 / 요약 표 =====
2026-09-02 : bgcolor='skyblue' + cellspacing=1 로 테두리를 흉내내던
방식을 실선으로 바꿨다. 색·굵기를 조절할 수 없고 배율에 따라
들쭉날쭉했기 때문. */
table.ordBox { border-collapse:collapse; border-spacing:0; background:#fff }
table.ordBox > tbody > tr > td { background:#fff; padding:0 }
table.ordSum {
border-collapse:collapse; border-spacing:0; background:#fff;
border:1px solid #d3dae1; border-radius:5px; overflow:hidden; margin:8px 0;
}
table.ordSum td {
background:#f7fafc; border-right:1px solid #e6ecf1; text-align:center;
padding:11px 8px; font-size:12.5px; color:#54636f;
}
table.ordSum td:last-child { border-right:0 }
table.ordSum td:nth-child(even) {
background:#fff; color:#1f2d38; font-weight:700; font-variant-numeric:tabular-nums;
}
/* ============================================================
주문현황 (shop/in_order_list.asp)
============================================================ */
#inOrdTbl {
background:#fff; border-collapse:collapse; border-spacing:0;
border:1px solid #d3dae1; width:100%; table-layout:fixed;
font-size:13px; border-radius:5px; overflow:hidden;
}
#inOrdTbl td {
border:0; border-bottom:1px solid #edf1f4; padding:11px 9px;
background:transparent; vertical-align:top; line-height:1.55;
color:#2b3540; word-break:break-word;
}
#inOrdTbl tr:first-child td {
background:#eef3f7; border-bottom:2px solid #c5d2db; color:#2f4552;
font-size:12.5px; letter-spacing:.03em; padding:12px 9px;
text-align:center; vertical-align:middle;
}
#inOrdTbl tr:not(:first-child):hover td { background:#f5fafc }
/* 열 너비 — 합 100%. 송장번호가 길면 열이 밀리던 문제 때문에 고정한다. */
#inOrdTbl td:nth-child(1) { width:5%; text-align:center; color:#7b8894 }
#inOrdTbl td:nth-child(2) { width:10%; text-align:center; white-space:nowrap;
color:#54636f; font-size:12.5px }
#inOrdTbl td:nth-child(3) { width:27% }
#inOrdTbl td:nth-child(4) { width:8%; text-align:center; color:#66788a; font-size:12.5px }
#inOrdTbl td:nth-child(5) { width:16%; text-align:right;
font-variant-numeric:tabular-nums; font-weight:700 }
#inOrdTbl td:nth-child(6) { width:12%; text-align:center; font-size:12px }
#inOrdTbl td:nth-child(7) { width:22%; text-align:center; font-size:11.5px;
color:#66788a; line-height:1.7; word-break:break-all }
/* 품명 — 서버에서 18자로 자르던 것을 없애고 전체를 내보낸 뒤
여기서 2줄까지만 보이게 한다. 건수는 아랫줄로 분리. */
#inOrdTbl .pn { display:-webkit-box; -webkit-line-clamp:2;
-webkit-box-orient:vertical; overflow:hidden }
#inOrdTbl .pcnt { display:block; color:#7b8894; font-size:11.5px; margin-top:2px }
/* 소계 줄 라벨 (부가세 / 주문금액 / 합계) */
#inOrdTbl .sl { display:block; color:#7b8894; font-weight:400; font-size:11px;
text-align:right; margin-bottom:2px; letter-spacing:.02em }
#inOrdTbl font[color=orange] { color:#b45309 }
#inOrdTbl font[color=green] { color:#0f7b52 }
#inOrdTbl font[color=red] { color:#c0392b }
#inOrdTbl a { text-decoration:none; color:#1f5178 }
#inOrdTbl a:hover { text-decoration:underline }
#inOrdTbl .td_send a { color:#0f7b52; border-bottom:1px dotted #a8c9ba }
#inOrdTbl tr:last-child td {
background:#f2f6f8; font-weight:700; border-top:2px solid #c5d2db;
border-bottom:0; color:#1f2d38; vertical-align:middle;
}
/* 소계 줄 — 왼쪽에서 오른쪽으로 주황 농도가 짙어진다.
숫자 뒤의 는 ASP 에서 제거했다(라벨과 끝자리를 맞추기 위해). */
#inOrdTbl tr.subtot td {
background:#fdf9f3; border-top:2px solid #e0c9a6; border-bottom:0;
vertical-align:middle; padding:12px 12px; white-space:nowrap;
font-variant-numeric:tabular-nums; border-left:1px solid #fff; text-align:right;
}
#inOrdTbl tr.subtot td:first-child {
text-align:right; color:#8a6a45; font-weight:700;
letter-spacing:.10em; font-size:13px; padding-right:16px; border-left:0;
}
#inOrdTbl tr.subtot td:nth-child(2) { background:#fbf1e4; color:#9a6b3a; font-weight:700; font-size:13.5px }
#inOrdTbl tr.subtot td:nth-child(3) { background:#f7e6cd; color:#a3560a; font-weight:700; font-size:13.5px }
#inOrdTbl tr.subtot td:nth-child(4) { background:#f0d7ae; color:#8a4708; font-weight:700; font-size:15.5px }
#inOrdTbl tr.subtot .sl { font-weight:600; color:#b08a5e }
/* 발송 상태 문구 (행마다 반복 출력되던