@CHARSET "UTF-8";

/* 새로 추가한 부분*/
/* minipop-up */
#mask {background: #333;position:fixed;left 0;top:0; z-index:10;width:100%; height:100%;opacity:0.5;z-index:999;}
.mini-popup{background: #fff;padding:0; margin:0;font-size:1.2em;top: 48%;left: 50%;z-index: 99999;scrolling:auto; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px;overflow-x:hidden; width:450px}
.mini-popup .close {position:absolute;top:15px;right:15px;}
.mini-popup .mini_main {position:relative;width:100%;overflow-x:hidden; }
.mini-popup .mini_main h1{display:block;width:100%; padding:20px 30px; color:#fff; font-size:15px;background:#052e6e; font-weight:bold}
.mini-popup .mini_main h1 span{}
.mini_contents {clear:both;border:0px solid;padding:20px 30px 30px 30px;}
.mini_contents h2{font-size:1.2em;color:#547aa9;line-height:1.8;}

/* bidpop-up */
#mask {background: #333;position:fixed;left 0;top:0; z-index:10;width:100%; height:100%;opacity:0.5;z-index:999;}
.bid-popup{background: #fff;padding:0; margin:0;font-size:1.2em;top: 48%;left: 50%;z-index: 99999;overflow:auto; border-radius:10px;overflow-x:hidden; width:600px}
.bid-popup .close {position:absolute;top:15px;right:15px;}
.bid-popup .bid_main {position:relative;width:100%;overflow-x:hidden; }
.bid-popup .bid_main h1{display:block;width:100%; padding:20px 30px; color:#fff; font-size:15px;background:#052e6e; font-weight:700}
.bid-popup .bid_main h1 span{}
.bid_contents {clear:both;border:0px solid;padding:20px 30px 30px 30px;}
.bid_contents h2{font-size:1.2em;color:#547aa9;line-height:1.8;}

/* notipop-up */
#mask {background: #333;position:fixed;left 0;top:0; z-index:10;width:100%; height:100%;opacity:0.5;z-index:999;}
.noti-popup{background: #fff;padding:0; margin:0;font-size:1.2em;top: 48%;left: 50%;z-index: 99999;overflow:auto; border-radius:10px;overflow-x:hidden; width:650px}
.noti-popup .close {position:absolute;top:15px;right:15px;}
.noti-popup .noti_main {position:relative;width:100%;overflow-x:hidden; }
.noti-popup .noti_main h1{display:block;width:100%; padding:20px 30px; color:#fff; font-size:15px;background:#052e6e; font-weight:700}
.noti-popup .noti_main h1 span{}
.noti_contents {clear:both;border:0px solid;padding:20px 30px 30px 30px;}
.noti_contents h2{font-size:1.2em;color:#547aa9;line-height:1.8;}

/* bigpop-up */
#mask {background: #333;position:fixed;left 0;top:0; z-index:10;width:100%; height:100%;opacity:0.5;z-index:999;}
.big-popup{background: #fff;padding:0; margin:0;font-size:1.2em;top: 48%;left: 50%;z-index: 99999;overflow:auto; border-radius:10px;overflow-x:hidden; width:1000px}
.big-popup .close {position:absolute;top:15px;right:15px;}
.big-popup .big_main {position:relative;width:100%;overflow-x:hidden; }
.big-popup .big_main h1{display:block;width:100%; padding:20px 30px; color:#fff; font-size:15px;background:#052e6e; font-weight:700}
.big-popup .big_main h1 span{}
.big_contents {clear:both;border:0px solid;padding:20px 30px 30px 30px;}
.big_contents h2{font-size:1.2em;color:#547aa9;line-height:1.8;}

/* 새로 추가한 부분 끝*/

.articleT_table { }
.articleT_table td{padding:6px 5px; overflow:hidden; text-overflow:ellipsis;  word-wrap:break-word;}
.articleT_table tr:hover{background: #fffdea;transition: all 0.1s ease-in-out;}


.articleC_table { }
.articleC_table th, .articleC_table td{padding:6px 5px; white-space:normal}
.articleC_table tr:hover{background: #fffdea;transition: all 0.1s ease-in-out;}

/*bdgetLine Popup 부분 사용*/
.article2_table { }
.article2_table th, .article2_table td{padding:3px 5px; white-space:normal; table-layout: fixed; word-break:break-all;}
.article2_table tr:hover{background: #fffdea;transition: all 0.1s ease-in-out;}


.article3_table { }
.article3_table th, .article3_table td{padding:5px 10px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }
.article3_table tr:hover{background: #fffdea;transition: all 0.1s ease-in-out;}

/* td에 선없는 테이블 */
.articleN_table {}
.articleN_table td {padding:5px 10px; white-space:normal; table-layout: fixed; word-break:break-all; border:none;}

/* spinner */
.spinner {padding-left: 40px; background: no-repeat left center;height: 35px;}


/* table */
.normal_word{word-break:normal;}



/* EB custom modal for bid validity justification */

/* Modal Styles */
.custom-modal.modal-overlay {
	display: none;
	position: fixed;
	z-index: 10000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(2px);
}

.custom-modal .modal-content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	width: 600px;
	max-width: 95%;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	border: 1px solid #ddd;
	overflow: hidden;
	animation: modalFadeIn 0.3s ease-out;
}

@keyframes modalFadeIn {from { opacity:0;
	transform: translate(-50%, -60%);
}

to {
	opacity: 1;
	transform: translate(-50%, -50%);
}

}
.custom-modal .modal-header {
	padding: 16px 20px;
	background: linear-gradient(135deg, #052e6e, rgb#052e6e);
	color: white;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid #ddd;
}

.custom-modal .modal-body {
	padding: 20px;
}

.custom-modal .form-group {
	margin-bottom: 15px;
}

.custom-modal .form-label {
	display: block;
	margin-bottom: 6px;
	font-weight: 600;
	color: #333;
}

.custom-modal p.textarea.justif_reason {
	width: 100%;
	height: fit-content;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-family: inherit;
	box-sizing: border-box;
}

/* file attachment */
.custom-modal .file_attachment .file-input {
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 100%;
}

.custom-modal .button-group {
	text-align: right;
	margin-top: 20px;
}

.custom-modal .btn-primary {
	background: #489CDD;
	color: white;
	border: none;
	padding: 10px 20px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	margin-left: 10px;
	transition: background 0.3s;
}

.custom-modal .btn-primary:hover {
	background: #0056b3;
}

.custom-modal .btn-secondary {
	background: #6c757d;
	color: white;
	border: none;
	padding: 10px 20px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	transition: background 0.3s;
}

.custom-modal .btn-secondary:hover {
	background: #545b62;
}

/*  End of EB custom modal for bid validity justification */


/* ===================CSS for bid validity expitarion and exhanchange rate -- more like reusable---- ================== */


#ebReusableModal.modal-overlay.custom-modal {
	z-index: 1050;
}

#ebReusableModal .modal-content {
	width: 760px;
	max-width: 95vw;
	max-height: calc(100vh - 40px);
	border: 0;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 16px 44px rgba(20, 38, 66, 0.28);
	display: flex;
	flex-direction: column;
}

#ebReusableModal .modal-header {
	padding: 16px 20px;
	border-bottom: 1px solid #d6dfec;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background: #1f4e79;
	background: linear-gradient(135deg, #1f4e79 0%, #2c6ea3 100%);
}

#ebReusableModal .modal-header h3 {
	margin: 0;
	color: #ffffff;
	font-size: 21px;
	line-height: 1.3;
	max-width: fit-content;
}

#ebReusableModal .modal-header .close {
	color: #ffffff;
	text-shadow: none;
	opacity: 0.85;
}

#ebReusableModal .modal-header .close:hover {
	opacity: 1;
}

#ebReusableModal .modal-body {
	padding: 20px;
	overflow-y: auto;
	flex: 1 1 auto;
	background: #f6f9fc;
}

#ebReusableModal .modal-footer {
	padding: 12px 20px;
	border-top: 1px solid #d6dfec;
	background: #ffffff;
	flex-shrink: 0;
}

#ebReusableModal .eb-modal-subtitle {
	margin-bottom: 12px;
	padding: 8px 10px;
	border-left: 4px solid #2c6ea3;
	background: #eaf3fb;
	color: #29496b;
	font-weight: bold;
}

#ebReusableModal .eb-modal-loading {
	padding: 26px 0;
	text-align: center;
	color: #29496b;
	font-weight: bold;
}
/* =================== End CSS for bid validity expitarion and exhanchange rate -- more like reusable---- ================== */