@charset "UTF-8"; /* Google Fonts - Noto Sans KR */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap'); /* 리셋 */ body, p, form, h1, h2, h3, h4, h5, h6, small, ul, ol, dl { margin: 0; padding: 0; } li { list-style: none; } * { box-sizing: border-box; } *:after { clear: both; } dl, ol, ul { margin: 0; padding: 0; } ul li { list-style: none } dl, dd { margin-bottom: 0; } label { margin-bottom: 0; } em { font-style: normal; } a { display: inline-block; color: initial; } a:hover { color: initial; cursor: pointer; color: #000;} p { margin: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; } button { background: transparent; padding: 0; border: 0; } form { margin-bottom: 0; } a, a:hover, a:focus { text-decoration: none;} dl, dd, dt { line-height: initial; } input::placeholder, textarea::placeholder {font-style: normal;} img {max-width: 100%;} label:hover {cursor: pointer;} /* ======================================== 기본 리셋 및 타이포그래피 ======================================== */ * {box-sizing: border-box;margin: 0;padding: 0;} html {font-size: 16px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;} body {font-family: 'Noto Sans KR', sans-serif;font-size: 1rem;line-height: 1.6;color: #212529;background: #fff;word-break: keep-all;word-wrap: break-word;} /* 제목은 Noto Sans KR */ h1, h2, h3, h4, h5, h6 { font-family: 'Noto Sans KR', sans-serif; font-weight: 600; letter-spacing: -0.02em; } /* 본문은 Noto Sans KR */ p, span, div, a, li, td, th, input, textarea, select, button, label { font-family: 'Noto Sans KR', sans-serif; } /* 링크 스타일 */ a {color: inherit;text-decoration: none;transition: color 0.2s ease;} a:hover {text-decoration: underline;} /* 이미지 반응형 */ img {max-width: 100%;height: auto; display: block;} /* 버튼 기본 스타일 */ button {font-family: inherit;cursor: pointer;border: none;background: none;} /* 입력 필드 기본 스타일 */ input, textarea, select {font-family: inherit;font-size: inherit;} /* 유틸리티 클래스 */ .text-center {text-align: center;} .text-left {text-align: left;} .text-right {text-align: right;} .d-none {display: none;} .d-block {display: block;} .d-flex {display: flex;} .flex-column {flex-direction: column;} .justify-content-center {justify-content: center;} .justify-content-between {justify-content: space-between;} .align-items-center {align-items: center;} .w-100 {width: 100%;} .h-100 {height: 100%;} .m-0 {margin: 0;} .p-0 {padding: 0;} .mt-1 {margin-top: 0.5rem;} .mt-2 {margin-top: 1rem;} .mt-3 {margin-top: 1.5rem;} .mb-1 {margin-bottom: 0.5rem;} .mb-2 {margin-bottom: 1rem;} .mb-3 {margin-bottom: 1.5rem;} .pt-1 {padding-top: 0.5rem;} .pt-2 {padding-top: 1rem;} .pt-3 {padding-top: 1.5rem;} .pb-1 {padding-bottom: 0.5rem;} .pb-2 {padding-bottom: 1rem;} .pb-3 {padding-bottom: 1.5rem;} /* 반응형 유틸리티 */ @media (max-width: 768px) { .d-md-none {display: none;} .d-md-block {display: block;} } @media (max-width: 576px) { .d-sm-none {display: none;} .d-sm-block {display: block;} } img.ajax-file-upload-image {display: inline-block; width: 100%; height: 100%; object-fit: contain;} .COMMON_FILEUPLOAD form {display: inline;} /* 라디오 버튼과 라벨 간격 */ label > input[type="radio"] { margin-right: 0.25rem; margin-left: 0; } /* 상태 표시 점 스타일 (공통) */ .status-dot { width: 6px; height: 6px; border-radius: 50%; display: inline-block; } /* 발주상태(수주상태) 점 색상 */ .status-dot-wctrt-0001 { background-color: #17a2b8; /* info - 대기 */ } .status-dot-wctrt-0002 { background-color: #28a745; /* success - 승인 */ } .status-dot-wctrt-0003 { background-color: #ffc107; /* warning - 재요청 */ } .status-dot-wctrt-0004 { background-color: #dc3545; /* danger - 취소 */ } .status-dot-wctrt-default { background-color: #6c757d; /* secondary - 기본값 */ } /* 배송상태 점 색상 */ .status-dot-divy-0001 { background-color: #6c757d; /* secondary - 대기 */ } .status-dot-divy-0002 { background-color: #17a2b8; /* info - 배송준비중 */ } .status-dot-divy-0003 { background-color: #007bff; /* primary - 배송중 */ } .status-dot-divy-0004 { background-color: #28a745; /* success - 완료 */ } .status-dot-divy-0005 { background-color: #6f42c1; /* purple - 거래완료 */ } .status-dot-divy-0008 { background-color: #dc3545; /* danger - 취소 */ } .status-dot-divy-default { background-color: #6c757d; /* secondary - 기본값 */ } /* 문의상태 점 색상 */ .status-dot-qust-0001 { background-color: #ffc107; /* warning - 대기 */ } .status-dot-qust-0002 { background-color: #28a745; /* success - 완료 */ } .status-dot-qust-default { background-color: #6c757d; /* secondary - 기본값 */ } /* 행사유형(상품타입) 점 색상 */ .status-dot-prd-0001 { background-color: #6c757d; /* secondary - 장례식 */ } .status-dot-prd-0002 { background-color: #e83e8c; /* pink - 결혼식 */ } .status-dot-prd-0003 { background-color: #17a2b8; /* info - 행사 */ } .status-dot-prd-default { background-color: #6c757d; /* secondary - 기본값 */ } /* 발행요청상태 점 색상 */ .status-dot-bil-isse-req-sta-0001 { background-color: #6c757d; /* secondary - 대기 */ } .status-dot-bil-isse-req-sta-0002 { background-color: #17a2b8; /* info - 진행중 */ } .status-dot-bil-isse-req-sta-0005 { background-color: #28a745; /* success - 완료 */ } .status-dot-bil-isse-req-sta-default { background-color: #6c757d; /* secondary - 기본값 */ } /* 발행상태 점 색상 */ .status-dot-bil-isse-sta-0001 { background-color: #6c757d; /* secondary - 발행대기 */ } .status-dot-bil-isse-sta-0005 { background-color: #28a745; /* success - 발행완료 */ } .status-dot-bil-isse-sta-default { background-color: #6c757d; /* secondary - 기본값 */ } /* 발행유형 점 색상 */ .status-dot-bil-isse-ty-0001 { background-color: #17a2b8; /* info - 화환주문 */ } .status-dot-bil-isse-ty-default { background-color: #6c757d; /* secondary - 기본값 */ } /* 출금신청상태 점 색상 */ .status-dot-wdraw-apl-sta-0001 { background-color: #ffc107; /* warning - 대기 */ } .status-dot-wdraw-apl-sta-0002 { background-color: #28a745; /* success - 승인 */ } .status-dot-wdraw-apl-sta-0003 { background-color: #dc3545; /* danger - 거절 */ } .status-dot-wdraw-apl-sta-default { background-color: #6c757d; /* secondary - 기본값 */ } /* 취소유형 점 색상 */ .status-dot-cncl-0001 { background-color: #ffc107; /* warning - 재고없음 */ } .status-dot-cncl-0002 { background-color: #dc3545; /* danger - 금액이상 */ } .status-dot-cncl-0003 { background-color: #6c757d; /* secondary - 기타 */ } .status-dot-cncl-default { background-color: #6c757d; /* secondary - 기본값 */ } /* 업체 휴일 관리 캘린더 테이블 스타일 */ .calendar-table td { transition: all 0.2s ease; } .bg-info-light { background-color: #e7f3ff !important; } .company-card:hover { border-color: #adb5bd !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }