/* 여기에 작업 또는 수정할 당신의 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;
}