#widget_jeobsu {padding:30px 50px 20px 50px;margin:0;background-color:#FFF;border-radius:3px;box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.2);}

#widget_jeobsu .write_l {float:left;width:49%;margin-right:1%;}
#widget_jeobsu .write_r {float:right;width:49%;margin-left:1%;}

#widget_jeobsu .nborder {}
#widget_jeobsu .nborder th,
#widget_jeobsu .nborder td {padding:10px 0;} 
#widget_jeobsu .nborder th {text-align:left;}

#widget_jeobsu select,
#widget_jeobsu .input {padding-left:10px;border-color:#EEE;background-color:#EEE;border-radius:5px;}
#widget_jeobsu .numinput {width:120px;color:#333;}
#widget_jeobsu .zoneinput {width:580px;color:#333;}
#widget_jeobsu .short_select {width:194px;color:#333;}
#widget_jeobsu .textarea {width:680px;height:160px;padding:10px;border-color:#EEE;background-color:#EEE;border-radius:5px;}

#widget_jeobsu .img_ex {display: flex; gap: 10px; max-width: 900px; padding: 0; margin: 0; list-style: none;}
#widget_jeobsu .img_ex li {flex: 1; flex-direction: column; aspect-ratio: 4 / 3}
#widget_jeobsu .img_ex li img {width: 100%; height: auto; display: block;}
#widget_jeobsu .img_ex li .no-img {
	width: 100%;
	height: 100%;
	background: #f5f5f5;
	display: flex;
	padding: 0;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #999;
	font-size: 14px;
	letter-spacing: -1px;
	border-radius: 5px;
}
#widget_jeobsu .img_ex li .img-caption {
	display: flex;
	align-items: center;      /* 세로 가운데 */
	justify-content: center;  /* 가로 가운데 */
	height: 50px;             /* 원하는 높이로 조절 */
	background: #000;
	color: #fff;
	font-size: 11pt;
	text-align: center;
	line-height: 1.4;
	padding: 0 10px;          /* 줄바꿈 시 여백 */
	margin-top: 5px;
	box-sizing: border-box;
}

/* flatpickr */
.flatpickr-calendar {
	border: 0;
	border-radius: 0;
}

.flatpickr-current-month {
	padding: 0;
}
.flatpickr-monthDropdown-months {
	padding: 0;
	height: 36px;
	min-height: 36px;
}

/* 일요일 */
.flatpickr-day.prevMonthDay:nth-child(7n+1),
.flatpickr-day.nextMonthDay:nth-child(7n+1),
.flatpickr-day.flatpickr-disabled:nth-child(7n+1) {
    color: #f2b6b6;
    opacity: 1;
}
.flatpickr-weekday:first-child,
.flatpickr-day:nth-child(7n+1) {
    color: #d32f2f;
}
/* 토요일 */
.flatpickr-day.prevMonthDay:nth-child(7n),
.flatpickr-day.nextMonthDay:nth-child(7n),
.flatpickr-day.flatpickr-disabled:nth-child(7n) {
    color: #b7cdee;      /* 연한 파랑 */
    opacity: 1;
}
.flatpickr-weekday:last-child,
.flatpickr-day:nth-child(7n) {
    color: #1976d2;
}
/* Hover / 클릭 시 색 깨짐 방지 */
.flatpickr-day.disabled:hover {
    background: transparent;
    cursor: not-allowed;
}


#widget_jeobsu .iconbox {border-left:#e0e0e0 solid 1px;border-top:#e0e0e0 solid 1px;border-right:#e0e0e0 solid 1px;background:#f9f9f9;padding:6px 0 8px 7px;}
#widget_jeobsu .iconbox a {padding:0 3px 0 3px;font-size:11px;color:#333;}
#widget_jeobsu .iconbox a:hover {color:#7899C7;}
#widget_jeobsu .iconbox a img {position:relative;top:2px;left:-2px;margin-right:3px;}
#widget_jeobsu .iconbox .split {padding:0 2px 0 2px;margin-bottom:-1px;}
#widget_jeobsu .bottombox {text-align:center;padding:30px 0 20px 0;margin:50px 0 0 0;border-top:#efefef solid 1px;}
#widget_jeobsu .bottombox .btn {height:58px;font-weight:bold;font-size:14pt;}
#widget_jeobsu .bottombox .btn-primary {width:60%;}


/* 모바일 전용 CSS (권장: 768px 이하) */
@media (max-width: 768px) {
	/* 전체 래퍼 */
	#widget_jeobsu {
		padding: 0 14px 20px 14px;
		box-shadow: none;
	}

	/* 테이블 → 모바일 가독성 */
	#widget_jeobsu table,
	#widget_jeobsu tbody,
	#widget_jeobsu tr,
	#widget_jeobsu th,
	#widget_jeobsu td {
		display: block;
		width: 100%;
	}

	#widget_jeobsu .nborder th {
		padding: 16px 0 6px;
		font-size: 14px;
	}

	#widget_jeobsu .nborder td {
		padding: 0 0 10px;
	}

	/* 입력 요소 */
	#widget_jeobsu .input,
	#widget_jeobsu select,
	#widget_jeobsu .textarea {
		width: 100% !important;
		box-sizing: border-box;
		font-size: 15px;
	}

	/* 연락처 */
	#widget_jeobsu .numinput {
		width: 30% !important;
	}

	/* 주소 */
	#widget_jeobsu .zoneinput {
		width: 100% !important;
	}

	#widget_jeobsu button.btn {
		width: 100%;
		margin: 8px 0 0;
	}

	/* 달력 */
	#calendar {
		width: 100%;
	}

	/* 개인정보 동의 */
	#widget_jeobsu .agreecheck {
		margin-top: 10px;
	}

	#widget_jeobsu .group-magic {
		font-size: 14px;
	}

	/* 하단 버튼 */
	#widget_jeobsu .bottombox {
		margin-top: 30px;
		padding: 20px 0;
	}

	#widget_jeobsu .bottombox .btn-primary {
		width: 100%;
		height: 54px;
		font-size: 16px;
	}
}

/* 소형 모바일 대응 (480px 이하) */
@media (max-width: 480px) {
	#widget_jeobsu {
		padding: 0 12px;
	}

	#widget_jeobsu .nborder th {
		font-size: 13px;
	}

	#widget_jeobsu .input,
	#widget_jeobsu .textarea {
		font-size: 14px;
	}

	#widget_jeobsu .numinput {
		width: 30% !important;
	}

	#widget_jeobsu .bottombox .btn-primary {
		font-size: 15px;
	}
}

#widget_jeobsu .textarea:focus,
#widget_jeobsu .input:focus,
#widget_jeobsu select:focus {
    border: 1px solid #CCC;
    background-color: #FFF;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}