a:link, a:visited, a:active {  text-decoration:none;  }
a:hover { text-decoration:none; font-weight:bold }

.none {
	font-family: "segoe ui-sans-serif";
	font-size: 12px;
	color: #444444;
}
.bluenone {
	font-family: "segoe ui-sans-serif";
	font-size:12px;
	color: #4D86B3;
}
.orangenone {
	font-family: "segoe ui-sans-serif";
	font-size: 12px;
	color: #FF6600;
}
.bnone {
	font-family: "segoe ui-sans-serif";
	font-size: 12px;
	font-weight:bold;
	color: #444444;
}
.bluebnone {
	font-family: "segoe ui-sans-serif";
	font-size: 12px;
	font-weight:bold;
	color: #4671A8;
}
.titlecompany {
	font-family: "segoe ui-sans-serif";
	font-size: 11pt;
	font-weight:bold;
	color: #1A74AD;
}
.titleproduct {
	font-family: "segoe ui-sans-serif";
	font-size: 11pt;
	font-weight:bold;
	color: #2E2E2E;
}
a.noneover:link {
	color:	#30498c;
	text-decoration:none;
	font-size:9pt;
	font-weight:normal ;
}
a.noneover:visited {
	color:	#a80054;
	text-decoration:none;
	font-size:9pt;
	font-weight:normal;
}
a.noneover:hover {
	color:	#2d2d2d;
	text-decoration:underline;
	font-size:9pt;
	font-weight:normal;
}
a.bredover:link {
	color:	#E32D2D;
	text-decoration:none;
	font-size:9pt;
	font-weight:bold;
}
a.bredover:visited {
	color:	#E32D2D;
	text-decoration:none;
	font-size:9pt;
	font-weight:bold;
}
a.bredover:hover {
	color:	#E32D2D;
	text-decoration:underline;
	font-size:9pt;
	font-weight:bold;
}
a.bluenoneover:link {
	color:	#4D86B3;
	text-decoration:none;
	font-size:9pt;
	font-weight:normal;
}
a.bluenoneover:visited {
	color:	#4D86B3;
	text-decoration:none;
	font-size:9pt;
	font-weight:normal;
}
a.bluenoneover:hover {
	color:	#4D86B3;
	text-decoration:underline;
	font-size:9pt;
	font-weight:normal;
}

input[type=text], textarea {
	font-family: "segoe ui-sans-serif";
	font-size: 12px;
	width: 90%;
	background-color: transparent;
}

.jumbotron {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: inherit;
	background-color: #eeeeee;
	font-size: 20px;
}

.jumbotron p {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 200;
	width: 561px;
}
@font-face {
    font-family: 'NotoKrL';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Light'), local('NotoSans-Light'), url(/fonts/NotoSans-Light.eot);
    src: url(/fonts/NotoSans-Light.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-Light.woff2) format('woff2'), url(/fonts/NotoSans-Light.woff) format('woff');
}

@font-face {
    font-family: 'NotoKrR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(/fonts/NotoSans-Regular.eot);
    src: url(/fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-Regular.woff2) format('woff2'), url(/fonts/NotoSans-Regular.woff) format('woff');
}

@font-face {
    font-family: 'NotoKrM';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(/fonts/NotoSans-Medium.eot);
    src: url(/fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-Medium.woff2) format('woff2'), url(/fonts/NotoSans-Medium.woff) format('woff');
}

@font-face {
    font-family: 'NotoKrB';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(/fonts/NotoSans-Bold.eot);
    src: url(/fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'), url(/fonts/NotoSans-Bold.woff2) format('woff2'), url(/fonts/NotoSans-Bold.woff) format('woff');
}

html, body {
	font-family: 'segoe ui-sans-serif;', sans-serif;
	min-height: 100vh;
	display: flex;
	align-items: flex-start;
	overflow-x: hidden; /* °¡·Î ½ºÅ©·Ñ¹Ù ¿ÏÀü Â÷´Ü */
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	justify-content: center; /* °¡·Î °¡¿îµ¥ Á¤·Ä */
}

/* »çÀÌÆ® Àüü¿¡ Àû¿ëµÇ´Â CSS ÆÄÀÏ¿¡ Ãß°¡ */
form#ctl01 { /* ASP.NET ±âº» Æû ID È®ÀÎ */
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* [°øÅë] ¸ðµç ¹öÆ°ÀÇ ±âº» Ʋ */
.btn-base {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 2px 2px;
	font-size: 12px;
	border-radius: 4px;
	box-sizing: border-box; /* ÆеùÀÌ ³Êºñ¿¡ Æ÷ÇԵǵµ·Ï ¼³Á¤ */
	cursor: pointer;
	transition: all 0.2s;
	text-decoration: none !important;
	border: 1px solid transparent;
	height: 25px;
	gap: 5px;
	margin-right: 8px;
	min-width: 73px;
	background-color: #fff;
	border-color: #ccc;
	color: #333 !important;
}
	.btn-base:hover {
		background-color: #f8f9fa;
		border-color: #bbb;
		font-weight: bold;
	}

	/* Ãß°¡: ºñÈ°¼ºÈ­ »óÅ (ÁÖ¹®Á¶È¸ ½Ã) */
	.btn-base.is-disabled {
		background-color: #f5f5f5 !important; /* ¾à°£ ¿¬ÇÑ È¸»ö ¹è°æ */
		color: #aaaaaa !important; /* ±ÛÀÚ»ö È帮°Ô */
		border-color: #dddddd !important; /* Å׵θ® È帮°Ô */
		cursor: not-allowed !important;
		text-decoration: none !important;
	}

/* 1. ÇÙ½É ¹öÆ° (ÆĶõ»ö) - ÀúÀå, Á¶È¸ */
.btn-prm {
	background-color: #0e68bd;
	color: #fff !important;
}

	.btn-prm:hover {
		background-color: #0056b3;
	}

/* 2. ÀÏ¹Ý ¹öÆ° (Èò»ö+Å׵θ®) - ¸í¼¼Ç¥, º»»çÀü´Þ */
.btn-sec {
	background-color: #fff;
	border-color: #ccc;
	color: #333 !important;
}

	.btn-sec:hover {
		background-color: #f8f9fa;
		border-color: #bbb;
	}

/* 3. ¿¢¼¿ ¹öÆ° (ÃÊ·Ï»ö) - ¿¢¼¿º¯È¯ */
.btn-excel {
	background-color: #28a745;
	color: #fff !important;
}

	.btn-excel:hover {
		background-color: #218838;
	}

/* 4. °æ°í ¹öÆ° (»¡°£»ö) - »èÁ¦ */
.btn-danger {
	background-color: #fff;
	border-color: #dc3545;
	color: #ffffff !important;
}

	.btn-danger:hover {
		background-color: #dc3545;
		color: #fff !important;
	}

/* 5. µµ¿ò¸» ¹öÆ° (ȸ»ö) - µµ¿ò¸» */
.btn-help {
	background-color: #6c757d;
	color: #fff !important;
}

	.btn-help:hover {
		background-color: #5a6268;
	}

/* ºÎ¸ð ÄÁÅ×ÀÌ³Ê */
.input-with-icon {
	position: relative; /* ÀÚ½ÄÀÎ ¾ÆÀÌÄÜÀÇ À§Ä¡ ±âÁØÁ¡ÀÌ µÊ */
	display: inline-block;
	vertical-align: middle;
}

/* ÅؽºÆ®¹Ú½º ½ºÅ¸ÀÏ */
.date-textbox {
	width: 150px;
	height: 32px;
	padding: 2px 35px 2px 10px; /* ¿À¸¥ÂÊ(35px)¿¡ ¾ÆÀÌÄÜ °ø°£ È®º¸ */
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box; /* ÆеùÀÌ ³Êºñ¿¡ Æ÷ÇԵǵµ·Ï ¼³Á¤ */
}

/* ¾ÆÀÌÄÜ À§Ä¡ ¼³Á¤ */
.inner-icon {
	position: absolute;
	right: 2px; /* ¿À¸¥ÂÊ ³¡¿¡¼­ 8px ¶ç¿ò */
	top: 50%; /* ¼¼·Î Áß¾Ó Á¤·Ä ½ÃÀÛ */
	transform: translateY(-45%); /* Á¤È®ÇÑ ¼¼·Î Áß¾Ó Á¤·Ä */
	cursor: pointer;
	border: none !important;
}

	/* ¸¶¿ì½º ¿Ã·ÈÀ» ¶§ È¿°ú */
	.inner-icon:hover {
		opacity: 0.7;
	}


/* ASP.NETÀÌ ºñÈ°¼ºÈ­ ½Ã ºÎ¿©ÇÏ´Â ±âº» »óÅ Á¦¾î */
a[disabled], .disabled {
	pointer-events: none; /* ¸¶¿ì½º Ŭ¸¯ ¹«½Ã (ÇÙ½É!) */
	cursor: not-allowed; /* ±ÝÁö Ä¿¼­ Ç¥½Ã */
	filter: alpha(opacity=65);
	box-shadow: none;
	opacity: .65; /* È帴ÇÏ°Ô Ç¥½Ã */
	background-color: #ccc !important;
	border-color: #bbb !important;
	color: #888 !important;
}

.rdo-no-wrap {
	white-space: nowrap; /* ³»ºÎ ¿ä¼ÒµéÀÌ Àý´ë ÁÙ ¹Ù²Þ µÇÁö ¾ÊÀ½ */
	display: inline-block; /* ÇÊ¿ä ½Ã ´Ù¸¥ ¿ä¼Ò¿Í ³ª¶õÈ÷ ¹èÄ¡ */
	vertical-align: middle; /* ¾Õ¼­ ¼³Á¤ÇÑ ¼¼·Î Á¤·Ä À¯Áö */
	margin-right: 5px;
}

/* ¾ÆÀÌÄÜ°ú ±ÛÀÚ Á¤·Ä º¸Á¤ */
	.rdo-no-wrap input,
	.rdo-no-wrap label {
		display: inline-block;
		vertical-align: middle;
		scroll-margin-left: 2px;
	}

.no-side-border {
	border-left: none !important;
	border-right: none !important;
	background-color: white;
	border-collapse: collapse;
	border: none !important; /* Å×ÀÌºí ¿Ü°û¼± Á¦°Å */
}
	/* ¸ðµç ¼¿ÀÇ Á¿ì Å׵θ®¿Í »ó´Ü Å׵θ® Á¦°Å */
	.no-side-border th,
	.no-side-border td {
		border-left: none !important;
		border-right: none !important;
		border-top: none !important; /* À­ÁÙ Á¦°Å */
		border-bottom: 1px solid #DDDDDD !important; /* ¾Æ·¡ÁÙ¸¸ 1px·Î °íÁ¤ */
	}
	/* Å×À̺í Çì´õ °íÁ¤ ½ºÅ¸ÀÏ */
	.no-side-border th {
		position: sticky;
		top: 0; /* ÃÖ»ó´Ü¿¡ °íÁ¤ */
		background-color: #f8f9fa; /* °íÁ¤ ½Ã µÚ¿¡ µ¥ÀÌÅÍ°¡ ºñÄ¡Áö ¾Ê°Ô ¹è°æ»ö Çʼö */
		z-index: 10; /* µ¥ÀÌÅÍ ¼¿º¸´Ù À§¿¡ ¿Àµµ·Ï ¼³Á¤ */
	}
	/* Å×ÀÌºí ³» µ¥ÀÌÅÍ ¿µ¿ª(tbody)ÀÇ Çà¿¡¸¸ È£¹ö Àû¿ë */
	.no-side-border tbody tr:hover {
		background-color: #EFF3FF !important;
	}

	/* µ¥ÀÌÅÍ º»¹®(tbody)ÀÇ Ã¹ ¹ø° Çุ À­ÁÙÀ» Á¦°Å */
	.no-side-border:first-child {
		border-top: none !important;
	}

	.no-side-border th:last-child,
	.no-side-border td:last-child {
		border-right: 1px solid #ccc !important; /* ¿øÇÏ´Â »ö»ó°ú µÎ²²·Î Á¶Àý */
		padding-left: 10px;
	}



.footer-left {
	display: flex;
	gap: 10px;
}

.footer-right {
	display: flex;
	gap: 8px;
}

.btn-cal {
	padding: 4px 13px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 12px;
	border: 1px solid #ddd;
}

.btn-today {
	background-color: #fff;
	color: #000000;
	border-color: #000000;
}

.btn-cancel {
	background-color: #fff;
	color: #000000;
	border-color: #000000;
}

.btn-apply {
	background-color: #0e68bd;
	color: #fff;
	border: none;
}

	.btn-apply:hover {
		background-color: #0056b3;
	}

/*==============================================================================================*/
/*±â°£´Þ·Â CSS*/

.date-input-container {
	position: relative;
	font-family: 'Malgun Gothic', sans-serif;
	color: #000000;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* ¸ÞÀÎ ÀÔ·Ââ µðÀÚÀÎ */
.main-date-input {
	width: 240px;
	padding: 2px 28px 2px 5px;
	font-size: 14px;
	height: 20px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff url(https://cdn1.iconfinder.com/data/icons/smallicons-controls/32/calendar-16.png) no-repeat 95% center;
	cursor: pointer;
	text-align: center;
	background-image: url('/images/calendar-icon.png'); /* À̹ÌÁö °æ·Î ÀÔ·Â */
	background-color: white;
	font-family: "segoe ui-sans-serif";
}
	.main-date-input:focus {
		border-color: #80bdff; /* Å׵θ®´Â ÇϴûöÀ¸·Î */
		outline: 0;
		box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25); /* Ǫ¸¥ ±×¸²ÀÚ Ãß°¡ */
	}
/* Æ˾÷ ·¹ÀÌ¾î ½ºÅ¸ÀÏ */
.calendar-popup {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 99;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 10px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

.calendar-flex {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.calendar-unit {
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 4px;
}

	.calendar-unit label {
		font-weight: bold;
		margin-bottom: 10px;
		color: #000000;
	}

.ui-datepicker {
	border: none !important;
	width: 250px !important;
}

/* ÇÏ´Ü ¹öÆ° ¹Ù */
.calendar-footer {
	margin-top: 3px;
	padding-top: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* 1. ´Þ·Â Àüü ±âº» ÆùÆ® Å©±â ¹× ³Êºñ Á¶Àý */
.ui-datepicker {
	font-size: 12px !important; /* ±âÁ¸ 12px µî¿¡¼­ 16px·Î È®´ë */
	width: 300px !important; /* ÆùÆ®°¡ Ä¿Áö¸é ´Þ·Â Àüü ³Êºñµµ ³ÐÇô¾ß ¾È ±úÁý´Ï´Ù */
}

/* 2. »ó´Ü ¿¬µµ/¿ù(Title) ÆùÆ® Å©±â */
.ui-datepicker-title {
	font-family: "segoe ui-sans-serif";
	font-size: 12px !important;
	font-weight: bold !important;
}

/* 3. ¿äÀÏ(ÀÏ,¿ù,È­...) ÆùÆ® Å©±â */
.ui-datepicker th {
	font-family: "segoe ui-sans-serif";
	font-size: 12px !important;
	padding: 7px 0 !important;
	height: 30px;
	width: 50px;
	font-weight: normal !important;
}

/* 4. ³¯Â¥ ¼ýÀÚ(td) ÆùÆ® Å©±â */
.ui-datepicker td a,
.ui-datepicker td span {
	font-family: "segoe ui-sans-serif";
	font-size: 12px !important;
	padding: 9px !important; /* ¼ýÀÚ°¡ Ä¿Áø ¸¸Å­ Ŭ¸¯ ¿µ¿ªµµ È®´ë */
	text-align: center !important;
	
}

/* 5. ÀÌÀü/´ÙÀ½ ¹öÆ° Å©±â Á¶Àý (¼±ÅûçÇ×) */
.ui-datepicker-prev, .ui-datepicker-next {
	top: 5px !important;
}

.ui-datepicker .ui-datepicker-header {
	background-color: white;
	border: none;
}

.ui-datepicker-calendar {
	color: #000000;
}

.ui-widget-header {
	background-color: #fff;
	border: none;
}

/* 1. °øÅë ¹öÆ° ¿µ¿ª (ÆĶõ»ö ¿øÇü À¯Áö ½Ã) */
.ui-datepicker-prev, .ui-datepicker-next {
	border-radius: 50% !important;
	width: 24px !important;
	height: 24px !important;
	cursor: pointer;
	display: flex !important;
	align-items: center;
	justify-content: center;
	border: none !important;
}

.ui-datepicker-next {
	/* ±âÁ¸ right ¼öÄ¡¸¦ Å°¿ö¼­ ¿ÞÂÊÀ¸·Î ¹Ð¾î³À´Ï´Ù. */
	right: 12px !important; /* º¸Åë 2px~8pxÀε¥, 12px Á¤µµ·Î ´Ã·Áº¸¼¼¿ä */
}

/* 2. ÀÌÀü´Þ À̹ÌÁö ¼³Á¤ */
.ui-datepicker-prev span {
	background-image: url('/images/btn_prev.png') !important; /* À̹ÌÁö °æ·Î */
	background-size: contain !important; /* À̹ÌÁö°¡ ¹Ú½º ¾È¿¡ ²Ë Â÷µµ·Ï */
	background-repeat: no-repeat !important;
	background-position: center !important;
	width: 20px !important; /* À̹ÌÁöÀÇ °¡·Î Å©±â */
	height: 20px !important; /* À̹ÌÁöÀÇ ¼¼·Î Å©±â */
	text-indent: -9999px; /* ±âº» È­»ìÇ¥ ÅؽºÆ® ¼û±è */
	margin-top: -13px !important;
	transition: transform 0.2s ease-in-out !important; /* ¿òÁ÷ÀÓÀ» ºÎµå·´°Ô */
	
}

/* 3. ´ÙÀ½´Þ À̹ÌÁö ¼³Á¤ */
.ui-datepicker-next span {
	background-image: url('/images/btn_next.png') !important; /* À̹ÌÁö °æ·Î */
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	width: 20px !important;
	height: 20px !important;
	text-indent: -9999px;
	margin-right: 4px !important;
	margin-top: -13px !important;
	transition: transform 0.2s ease-in-out !important; /* ¿òÁ÷ÀÓÀ» ºÎµå·´°Ô */
}

/* ¸¶¿ì½º¸¦ ¿Ã·ÈÀ» ¶§ 1.2¹è È®´ë */
.ui-datepicker-prev:hover span,
.ui-datepicker-next:hover span {
	transform: scale(1.2) !important;
}
/* 4. À§Ä¡ ¹Ì¼¼ Á¶Á¤ */
.ui-datepicker-next {
	right: 80px !important;
}

.ui-datepicker-prev {
	left: 80px !important;
}

.ui-state-default, .ui-button {
	border: 10px;
	background: #0e68bd;
	font-weight: normal;
	color: #454545;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: none;
	background: #dfedfb;
	color: #000000;
}

/* 1. »ç¿ëÀÚ°¡ Ŭ¸¯Çؼ­ ¼±ÅÃÇÑ ³¯Â¥ÀÇ ¹è°æ»ö */
.ui-datepicker .ui-state-active {
	background: #0e68bd !important;
	color: #fff !important;
	text-shadow: none !important;
	font-weight: bold !important;
	border-radius: 4px;
}


/* 3. ¸¶¿ì½º¸¦ ¿Ã·ÈÀ» ¶§(Hover) È¿°ú */
.ui-datepicker td span:hover,
.ui-datepicker td a:hover {
	background: #0e68bd !important;
	color: white !important;
}

/* 1. ¸ðµç ³¯Â¥ÀÇ ±âº» ¸ð¾ç (¹è°æ Á¦°Å, Áß¾Ó Á¤·Ä) */
.ui-datepicker td a {
	text-align: center !important;
	border: none !important;
	padding: 10px 0 !important;
	background: none !important; /* ±âº» ȸ»ö ¹è°æ Á¦°Å */
	display: block !important;
	color: #000000 !important;
	border-radius: 2px;
}

/* 3. [¿À´Ã ³¯Â¥] ÆĶõ»öÀÌ µÇÁö ¾Êµµ·Ï º°µµ ÁöÁ¤ */
.ui-datepicker td .ui-state-highlight {
	background-color: #dfedfb !important; /* ¾ÆÁÖ ¿¬ÇÑ ÆĶõ»ö ȤÀº Èò»ö(#fff) */
	color: #000000 !important; /* ±ÛÀÚ»ö¸¸ ÆĶõ»öÀ¸·Î Æ÷ÀÎÆ® */
	border: none; /* Å׵θ®¸¸ ÆĶõ»ö */
}
/* 1. ´Þ·Â Çì´õ(¿äÀÏ Ä­) »ö»ó º¯°æ */
/* ÀÏ¿äÀÏ (ù ¹ø° ¿­) */
.ui-datepicker-calendar th:first-child span {
	color: #EB263A !important;
}
/* Åä¿äÀÏ (ÀÏ°ö ¹ø° ¿­) */
.ui-datepicker-calendar th:last-child span {
	color: #2153D0 !important;
}

/* 2. ´Þ·Â ³¯Â¥(¼ýÀÚ Ä­) »ö»ó º¯°æ */
/* ÀÏ¿äÀÏ ¿­ÀÇ ¼ýÀÚ */
.ui-datepicker-calendar td:first-child a,
.ui-datepicker-calendar td:first-child span {
	color: #EB263A !important;
}
/* Åä¿äÀÏ ¿­ÀÇ ¼ýÀÚ */
.ui-datepicker-calendar td:last-child a,
.ui-datepicker-calendar td:last-child span {
	color: #2153D0 !important;
}

/*==============================================================================================*/
/*½Ì±Û´Þ·Â CSS*/

/* ÄÁÅ×ÀÌ³Ê ¹× ÀÔ·Ââ */
.single-date-container {
	position: relative;
	display: inline-block;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.single-date-input {
	width: 197px !important;
	height: 26px;
	padding: 0;
	padding-left: 9px;
	font-size: 16px;
	text-align: left !important;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
	box-sizing: border-box;
	background: #fff url(https://cdn1.iconfinder.com/data/icons/smallicons-controls/32/calendar-16.png) no-repeat 95% center;
	background-image: url('/images/calendar-icon.png'); /* À̹ÌÁö °æ·Î ÀÔ·Â */
	background-color: white !important;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
	.single-date-input:focus {
		border-color: #80bdff; /* Å׵θ®´Â ÇϴûöÀ¸·Î */
		outline: 0;
		box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25); /* Ǫ¸¥ ±×¸²ÀÚ Ãß°¡ */
	}
/* Æ˾÷ â Àüü */
.single-calendar-popup {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 99;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 10px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}
/* ½Ì±Û´Þ·Â ³»ºÎ µðÀÚÀÎ (±â°£´Þ·Â ¼Ó¼º º¹Á¦) */
#singleCalendarPopup .ui-datepicker {
	border: 1px solid #ccc !important;
	width: 300px !important; /* ±â°£´Þ·Â°ú µ¿ÀÏÇÏ°Ô 300px */
	font-size: 12px !important;
	background: #fff;
}

#singleCalendarPopup .ui-datepicker-header {
	background-color: white;
	border: none;
}

/* ÀÌÀü/´ÙÀ½ ¹öÆ° ÆĶõ»ö ¿øÇü */
#singleCalendarPopup .ui-datepicker-prev,
#singleCalendarPopup .ui-datepicker-next {
	border-radius: 50% !important;
	width: 24px !important;
	height: 24px !important;
	cursor: pointer;
	display: flex !important;
	align-items: center;
	justify-content: center;
	border: none !important;
	top: 5px !important;
}

#singleCalendarPopup .ui-datepicker-next {
	right: 80px !important;
}

#singleCalendarPopup .ui-datepicker-prev {
	left: 80px !important;
}

	/* È­»ìÇ¥ À̹ÌÁö Àû¿ë */
	#singleCalendarPopup .ui-datepicker-prev span {
		background-image: url('/images/btn_prev.png') !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		width: 20px !important;
		height: 20px !important;
		text-indent: -9999px;
		margin-top: -13px !important;
		transition: transform 0.2s ease-in-out !important;
		}

	#singleCalendarPopup .ui-datepicker-next span {
		background-image: url('/images/btn_next.png') !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		width: 20px !important;
		height: 20px !important;
		text-indent: -9999px;
		margin-right: 4px !important;
		margin-top: -13px !important;
		transition: transform 0.2s ease-in-out !important;
	}
	.inputradio > input {
		margin: 0;
		vertical-align: text-bottom;
		margin-left: 10px;
	}

	.inputradio > label {
		line-height: 22px;
		vertical-align: middle;
		padding-right: 5px;
		margin-left: 3px;
	}
	/* ¸ðµç üũ¹Ú½ºÀÇ Å©±â¸¦ 15px·Î °íÁ¤ */
	input[type="checkbox"] {

		width: 16px !important;
		height: 16px !important;
		resize: none !important;
	}

/* ¹öÆ° È£¹ö È®´ë */
#singleCalendarPopup .ui-datepicker-prev:hover span,
#singleCalendarPopup .ui-datepicker-next:hover span {
	transform: scale(1.2) !important;
}

/* ³¯Â¥ ¼ýÀÚ ½ºÅ¸ÀÏ */
#singleCalendarPopup .ui-datepicker td a {
	text-align: center !important;
	border: none !important;
	padding: 10px 0 !important;
	background: none !important;
	display: block !important;
	color: #000000 !important;
	border-radius: 4px;
	font-family: "segoe ui-sans-serif";
}

/* 3. [¿À´Ã ³¯Â¥] ÆĶõ»öÀÌ µÇÁö ¾Êµµ·Ï º°µµ ÁöÁ¤ */
#singleCalendarPopup .ui-datepicker td .ui-state-highlight {
	background-color: #dfedfb !important; /* ¾ÆÁÖ ¿¬ÇÑ ÆĶõ»ö ȤÀº Èò»ö(#fff) */
	color: #000000 !important; /* ±ÛÀÚ»ö¸¸ ÆĶõ»öÀ¸·Î Æ÷ÀÎÆ® */
	border: none; /* Å׵θ®¸¸ ÆĶõ»ö */
}   
/* ǪÅÍ ÄÁÅ×À̳Ê: ¾ç ³¡ Á¤·Ä ¼³Á¤ */
.single-calendar-footer {
	margin-top: 3px;
	padding: 5px 0px 0px 0px;
	display: flex;
	justify-content: space-between; /* ¿À´Ã°ú ´Ý±â¸¦ ¾ç ³¡À¸·Î ¹ú¸² */
	align-items: center;
}

/* ¹öÆ° °øÅë ½ºÅ¸ÀÏ (³Êºñ °íÁ¤) */
.btn-single-cal {
	width: 65px; /* ¹öÆ°ÀÇ °¡·Î Å©±â */
	height: 28px; /* ¹öÆ°ÀÇ ¼¼·Î Å©±â */
	cursor: pointer;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 4px;
	font-size: 12px;
	font-family: "segoe ui-sans-serif";
	transition: all 0.2s ease;
}

/* ´Ý±â ¹öÆ° Àü¿ë (ÆĶõ»ö) */
.btn-close-blue {
	background: #0e68bd !important;
	color: #fff !important;
	border: none !important;
}

/* ¹öÆ° ¸¶¿ì½º ¿À¹ö È¿°ú */
.btn-single-cal:hover {
	background: #f0f0f0;
}

.btn-close-blue:hover {
	background: #0056b3 !important;
}

/* ¿À´Ã ³¯Â¥ ÇÏÀ̶óÀÌÆ® */
#singleCalendarPopup .ui-state-highlight {
	background-color: #dfedfb !important;
	color: #000000 !important;
	border: none !important;
}

/* ¼±ÅÃÇÑ ³¯Â¥ ÆĶõ»ö */
#singleCalendarPopup .ui-state-active {
	background: #0e68bd !important;
	color: #fff !important;
	font-weight: bold !important;
}

/* ¸¶¿ì½º ¿Ã·ÈÀ» ¶§(Hover) */
#singleCalendarPopup .ui-datepicker td a:hover {
	background: #0e68bd !important;
	color: white !important;
}

/* ¿äÀÏ ÆùÆ® ¼³Á¤ */
#singleCalendarPopup .ui-datepicker th {
	font-family: "segoe ui-sans-serif";
	font-size: 12px !important;
	padding: 7px 0 !important;
	font-weight: normal !important;
}

/* ºñÈ°¼ºÈ­µÈ ³¯Â¥ Ä­ ½ºÅ¸ÀÏ */
.ui-datepicker-unselectable.ui-state-disabled span {
	background: #f4f4f4 !important; /* ¿¬ÇÑ È¸»ö ¹è°æ */
	color: #ccc !important; /* È帰 ±ÛÀÚ»ö */
	text-decoration: line-through; /* Ãë¼Ò¼± (¼±ÅûçÇ×) */
	cursor: not-allowed !important;
}

/* ƯÁ¤ÀÏ ºñÈ°¼ºÈ­ ½Ã »ç¿ëÀÚ°¡ Á¤ÀÇÇÑ Å¬·¡½º(disabled-day) È°¿ë */
.disabled-day span {
	color: #ffaaaa !important; /* ƯÁ¤ÀÏÀº ¿¬ÇÑ »¡°£»öÀ¸·Î Ç¥½Ã µî */
}


/*==============================================================================================*/

/* 1. ±âº»ÀûÀ¸·Î ÅøÆÁÀ» ¼û±è */
.window-tooltip {
	font-family: "segoe ui-sans-serif";
	visibility: hidden;
	display: block;
	position: absolute;
	top: 20px; /* ¾ÆÀÌÄÜ ¾Æ·¡ À§Ä¡ */
	left: 50%;
	transform: translateX(-50%);
	width: 220px;
	background-color: white;
	border: 1px solid #0078D7;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	z-index: 9999; /* ´Ù¸¥ ¿ä¼Òº¸´Ù À§¿¡ Ç¥½Ã */
	text-align: left;
	transition: opacity 0.3s ease, top 0.3s ease;
}

/* 2. ¸¶¿ì½º¸¦ ¿Ã·ÈÀ» ¶§(hover) ÅøÆÁÀ» º¸¿©ÁÜ (ÇÙ½É) */
.tooltip-wrapper:hover .window-tooltip {
	visibility: visible;
}

/* 3. µðÀÚÀÎ »ó¼¼ (¼±Åà »çÇ×) */
.tooltip-header {
	font-family: "segoe ui-sans-serif";
	background-color: #0078D7;
	color: white;
	padding: 6px 10px;
	font-weight: bold;
	font-size: 12px;
	border-radius: 6px 6px 0 0;
}

.tooltip-body {
	font-family: "segoe ui-sans-serif";
	padding: 10px;
	color: #333;
	font-size: 12px;
	line-height: 1.5;
	white-space: normal; /* ±ÛÀÚ°¡ ±æ¾îÁö¸é ÁÙ¹Ù²Þ Ã³¸® */
}
/*==============================================================================================*/