@charset "utf-8"; /* ----------------------------------------------------------------------------- 상표클릭 — 신규 화면 요소 스타일 기존 테마(theme/aram_01)에 없는 클래스만 정의한다. 테마 CSS는 수정하지 않는다. ----------------------------------------------------------------------------- */ /* 상세보기 아코디언 (2단계 분류 선택) */ .cls_detail { list-style: none; } .cls_detail .cd_inner { padding: 14px 16px; margin: -4px 0 8px; background: #f7f9fc; border: 1px solid #e3e8f0; border-radius: 6px; } .cd_list { display: flex; flex-wrap: wrap; margin: -4px; } .cd_item { width: calc(50% - 8px); margin: 4px; padding: 10px 12px; background: #fff; border: 1px solid #e3e8f0; border-radius: 4px; font-size: 13px; line-height: 1.4; color: #444; word-break: keep-all; } .cd_more { margin-top: 10px; } @media (max-width: 720px) { .cd_item { width: calc(100% - 8px); } } /* 선택한 상품분류 — 전체삭제 / 빈 상태 */ .sc_clear { padding: 0; border: 0; background: none; font-size: 13px; color: #888; text-decoration: underline; cursor: pointer; } .sc_clear:hover { color: #333; } .sc_item.sc_empty { background: #f7f9fc; border: 1px dashed #d8dfe9; } .sc_item.sc_empty .sc_txt { color: #999; } /* 파일 드래그 중 표시 (1단계 상표 이미지 첨부) */ #dropZone.is-drag input.upload-name { border-color: #1b2a63; background: #eef2ff; } /* 관리자 화면 — 미확정 항목 표기 */ .td_pending { color: #999; font-size: 13px; } .ap_admin_tit { margin: 0 0 6px; padding: 8px 10px; background: #f7f9fc; border-left: 3px solid #1b2a63; } .empty_table { text-align: center; padding: 30px 0; color: #999; } /* 관리자 상세 — 상태 변경 이력 */ .td_hist { margin-top: 10px; font-size: 13px; } .td_hist strong { display: block; margin-bottom: 4px; color: #555; } .td_hist ul { margin: 0; padding: 0; list-style: none; } .td_hist li { padding: 3px 0; color: #666; border-top: 1px dotted #e3e8f0; } /* 완료 화면 — 신청번호 */ .td_done_no { padding: 18px 0 6px; } .td_done_no span { display: block; color: #666; font-size: 14px; margin-bottom: 6px; } .td_done_no strong { font-size: 26px; letter-spacing: 1px; color: #1b2a63; } /* 관리자 목록 — 접수 / 작성중 탭 */ .td_tabs { display: flex; margin: 0 0 12px; padding: 0; list-style: none; border-bottom: 1px solid #d8dee9; } .td_tabs li { margin: 0 4px -1px 0; } .td_tabs li a { display: block; padding: 9px 20px; color: #666; font-size: 14px; text-decoration: none; border: 1px solid #d8dee9; border-bottom-color: #d8dee9; background: #f5f7fa; border-radius: 4px 4px 0 0; } .td_tabs li.on a { color: #1b2a63; font-weight: 600; background: #fff; border-bottom-color: #fff; } .td_tabs li a span { color: #999; font-weight: 400; } .td_tabs li.on a span { color: #1b2a63; } /* 상태 일괄변경 — 드롭다운 안에 select 와 버튼을 한 줄로 */ .td_bulk_wrap { display: flex; gap: 6px; align-items: center; padding: 6px 10px; white-space: nowrap; } .td_bulk_wrap select { min-width: 130px; } /* 무통장 입금확인 체크박스 */ .td_deposit_chk { display: inline-block; margin-left: 10px; font-size: 13px; color: #444; } .td_deposit_chk input { vertical-align: middle; margin-right: 4px; } /* 업무위임 약관 — 모달(.modal.agree_pop) 안에 들어간다. 모달 껍데기(배경·흰 박스·닫기 버튼)는 테마 inc.css 소관이고 여기는 본문만 꾸민다. 그래서 .tm_* 은 특정 조상에 매달지 않는다 — 모달이 아닌 곳에 넣어도 그대로 쓴다. */ /* 출원인 유형 라디오 — 선택 표시가 없었다. 테마 style.css 는 .rd_dot(빈 원)만 정의하고 :checked 규칙이 없다. input 은 display:none 이라 눌러도 무엇이 골라졌는지 화면에 아무 표시가 안 났다 (실측: checked=true 인데 원이 그대로 비어 있음). 디자인 취향이 아니라 빠진 상태다. 테마의 강조색(var(--mainColor))으로 채운다. 폼 안이라 요금제 카드의 파랑 대신 테마 기본색을 쓴다. */ .tm_detail_wrap .rd_item input:checked + .rd_dot{ border-color:var(--mainColor, #091162);} .tm_detail_wrap .rd_item input:checked + .rd_dot::after{ content:''; position:absolute; left:50%; top:50%; width:10px; height:10px; margin:-5px 0 0 -5px; border-radius:50%; background:var(--mainColor, #091162);} /* 프로토타입은 닫기를 로 썼다. 키보드·스크린리더에 맞게