/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */ /* Colors 정의 미입력 red {color:#e53935 !important} 대기 light-gray {color:#b5b5b5 !important} 출력 black {color:#000 !important} 본인취소 yellow {color:#fdd835 !important} 부재중 purple {color:#8e24aa !important} 가승인 pink {color:#d81b60 !important} 서류준비중 amber {color:#ffb300 !important} 진행중 green {color:#43a047 !important} 승인 indigo {color:#3949ab !important} 보증/소개 orange {color:#fb8c00 !important} 외부 deep-orange {color:#f4511e !important} 가승인 light-green {color:#7cb342 !important} 진행불가 gray {color:#757575 !important} 관리 blue {color:#1e88e5 !important} AS요청 crimson {color:#ab0000 !important} AS확인중 deep-purple {color:#5e35b1 !important} AS불가 brown {color:#6d4c41 !important} AS확정 lime {color:#c0ca33 !important} navy {color:#3f4678 !important} light-blue {color:#039be5 !important} cyan {color:#00acc1 !important} teal {color:#00897b !important} white {color:#fff !important} */ @media (min-width: 1600px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1600px; } } @media (min-width: 1900px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1900px; } } @media (max-width:1200px) { .basic-body-main.left-main, .basic-body-main.right-main {width:100%} } @media (max-width:991px) { .basic-body {padding-top:75px} } /* 모달 크기 큰것 추가*/ @media (min-width: 1300px) { .modal-xxl { max-width: 1300px; } } @media (max-width: 1599.98px) { .modal-xxl { max-width: 90%; /* 작은 화면에서는 꽉 차게 */ margin: 0 auto; /* 좌우 여백 약간 */ } } /*좌측 사이드바*/ .side-pc-nav {width:80px;background-color: transparent;} .side-pc-nav .sp-nav-box.sp-bg-red {width: 100%;} .side-pc-nav-in .doing-list{text-align:center;width:100%;margin-top:8px;} .btn-e span.badge {right: -10px;padding: 2px 6px;} .side-pc-nav-in .ps__rail-y,.side-pc-nav-in .ps__rail-x { display: none !important; } /*제목줄*/ .page-title-wrap {height: 35px;margin-bottom:20px} .page-title-wrap h2 {padding: 7px 0;} .page-title-wrap .sub-breadcrumb-wrap {top: 8px;} /* datatables 다크모드*/ /* 테이블 헤더 */ body.dark-mode .dataTables_wrapper table.dataTable thead { background-color: #2a2a2a; color: #ddd;} /* 테이블 행 body.dark-mode .dataTables_wrapper table.dataTable tbody tr {background-color: #1e1e1e;border-bottom: 1px solid #ddd;} */ body.dark-mode .dataTables_wrapper table.dataTable tbody tr:hover {background-color: #fff;color:#000;} /* 페이지네이션 버튼 */ body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {background: #2a2a2a;border: 1px solid #444;color: #ccc !important;} /* form */ .eyoom-form .title-prepend {margin-bottom: 0px;} .eyoom-form .title-prepend span{/**/border-color: #a4a4a4;background-color: #bababa;color: #000000;position: absolute;top: 1px;width: 100px;height: 36px;font-size: 1rem;line-height: 37px;text-align: center;left: 1px;padding-left: 2px;padding-right: 1px;border-right-width: 1px;border-right-style: solid; } .modal-write .eyoom-form .title-prepend span{ position: absolute; background: #f8f9fa; vertical-align: middle; font-weight: 600; width: 130px; white-space: nowrap; padding: 0 5px; } .eyoom-form .title-prepend input{padding-left:110px;} .eyoom-form {font-size: 1rem;color: #000000;} .eyoom-form .input input, .eyoom-form .select select, .eyoom-form .textarea textarea {color: #000000;} /* datatables */ /* table.dataTable tbody th, table.dataTable tbody td {padding: 4px 4px !important; } */ /* 페이징을 가운데로 강제 정렬 */ .dataTables_wrapper .bottom .center {text-align: center;flex-grow: 1;} .dataTables_wrapper .bottom .left,.dataTables_wrapper .bottom .right {flex: 1;} /* 바닥 영역 커스텀 정렬 */ .dataTables_wrapper .bottom-custom {display: flex;justify-content: space-between;align-items: center;margin-top: 1rem;} /* 각 영역의 너비 비율 */ .dataTables_wrapper .bottom-custom .left {width: 20%;text-align: left;} .dataTables_wrapper .bottom-custom .center {width: 60%;text-align: center;} .dataTables_wrapper .bottom-custom .center .dataTables_paginate {width:100%;text-align: center;} .dataTables_wrapper .bottom-custom .center .dataTables_paginate span .ellipsis {display: inline-block;} .dataTables_wrapper .bottom-custom .right {width: 20%;text-align: right;} @media screen and (max-width: 990px) { .dataTables_wrapper .d-inline-block{ width: 49% !important; } .dataTables_wrapper .top.d-flex{ /**/display:block !important; } .dataTables_wrapper .d-inline-block .select, .dataTables_wrapper .d-inline-block .input{ width: 100% !important; } .dataTables_wrapper .left{ display:none; } .dataTables_wrapper .right{ display: inline-block !important;width: 100% !important;text-align:left; } .dataTables_wrapper .right .dataTables_filter{ float: left;width:49%;margin-top:10px } } /* DataTables 펼침 행 전체 스타일 */ table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before { margin-top: 5px; } /* 펼쳐진 상세 행(table.dataTable > tbody > tr.child) 안의 내부 테이블 조정 */ table.dataTable tbody tr.child ul.dtr-details { display: table; width: 100%; } /* 각 상세 항목 라인 정렬 */ table.dataTable tbody tr.child ul.dtr-details li { display: table-row; text-align: left; /* 좌측 정렬 */ } /* 라벨(제목) 스타일: 일정한 폭 확보 */ table.dataTable tbody tr.child ul.dtr-details li > span.dtr-title { display: table-cell; font-weight: bold; min-width: 100px; /* 제목 칸 최소 폭 */ padding-right: 10px; white-space: nowrap; } /* 내용 스타일 */ table.dataTable tbody tr.child ul.dtr-details li > span.dtr-data { display: table-cell; } /* datepicker */ /* 날짜 선택 팝업 전체 */ .daterangepicker {font-size: 16px; /* 기본은 약 12~13px이므로 16px 정도로 키워줌 */ } /* 날짜 셀 (크기 확대) */ .daterangepicker td, .daterangepicker th {padding: 12px 10px;} /* 월/년 표기 글자 키움 */ .daterangepicker .calendar-table th.month {font-size: 18px;} /* 상단 버튼 줄 */ .daterangepicker .drp-buttons {font-size: 16px;padding: 10px;} .daterangepicker .calendar-table td, .daterangepicker .calendar-table th {font-size: 14px !important;} /*년 월 위치바꿈*/ .daterangepicker select.monthselect { order: 2; } .daterangepicker select.yearselect { order: 1; } .daterangepicker .calendar .calendar-table select { display: inline-block; } .daterangepicker .calendar .calendar-table th { display: flex; gap: 6px; justify-content: center; } /* form-group */ .form-group .nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: #3949ab;} input:disabled, select:disabled, textarea:disabled { background-color: #e9ecef !important; opacity: 0.7; cursor: not-allowed; } /* modal write */ .modal-write .input, .modal-write .textarea{font-size: .9rem;margin-bottom:0px;} .modal-write .title-prepend span{font-size: .8rem;line-height: 30px;width: 80px;} .modal-write .input input {font-size: .8rem;height: 38px;padding: 6px 12px} /*.modal-write .input.title-prepend input, .modal-write .select.title-prepend select {padding: 6px 12px 6px 88px;}*/ .modal-write .input.title-prepend input, .modal-write .select.title-prepend select {padding: 6px 12px 6px 140px;} .modal-write .select select {font-size: .8rem;height: 38px;} .modal-write .select i {width: 25px;height: 25px;} .modal-write .select i:before {top: 8px;} .modal-write .select i:after {top: 15px;} .modal-write .textarea textarea {font-size: .9rem;} .modal-write .nav-link {font-size: .8rem;padding: 6px 12px;} .modal-write .memo_history{font-size: .7rem;} /* 다음 주소 api */ .daum_zip_iframe{display:none;border:1px solid;width:100%;height:300px;margin:5px 0;position:relative} /*content page*/ .img-content img{border: solid 3px #999;} /*토글 추가*/ .eyoom-form .toggle.black-toggle input:checked+i:before{background:#333333} /* perfect-link */ .perfect-link{cursor:pointer;} /*elect2 multiple*/ .select2-search__field::placeholder { font-size:0.9rem; color: #000000 !important; /* 원하는 색상 */ } /* 날짜 선택 팝업 전체 */ .daterangepicker { font-size: 16px !important; /* 기본은 약 12~13px이므로 16px 정도로 키워줌 */ } /* 날짜 셀 (크기 확대) */ .daterangepicker td, .daterangepicker th { padding: 12px 10px; } /* 월/년 표기 글자 키움 */ .daterangepicker .calendar-table th.month { font-size: 18px; } /* 상단 버튼 줄 */ .daterangepicker .drp-buttons { font-size: 16px !important; padding: 10px; } /* 실시간 대출신청 버튼*/ @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.2; } } .blinking { animation: blink 2s infinite; } /* ============================================================ 사이드바 레이아웃 전환 - custom.css 하단에 추가하세요 파일 경로: /theme/eb4_comm_003/custom/css/custom.css ============================================================ */ /* ----- 전체 레이아웃: 사이드바(fixed) + 본문+footer 세로 배치 ----- */ .wrapper { display: flex !important; flex-direction: column !important; min-height: 100vh; } .wrapper .basic-body { flex: 1; } /* side.html.php의