.modalGridWrapper {
	width: 100%;
	height: 100%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom : 10px;
}

.modalGridWrapper > .modalGrid {
	width: 100%;
	height: 100%;
}

.overhidden {
	overflow: hidden !important;
}

/* modal */
/* 오버레이 */
.bboverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1051;
}

/*모달 디자인 틀어짐 방지*/
.bbmodal *,
.bbvisiblemodal * {
	font-family: 'Noto Sans KR', sans-serif;
	
	/* bootstrap */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* 모달 */
.bbmodal {
	display: none;
}

.bbvisiblemodal {
	display: block;
	visibility: hidden;
}

.bbmodal, .bbvisiblemodal {
	position: fixed;
	width: 300px;
	background: white;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1061;
}

/* 위젯 추가 모달 테두리 */
#bbmodal1 {
	border: 1px solid rgba(var(--tblr-primary-rgb), 0.25);
	border-radius: 12px;
	overflow: hidden;
	background: var(--tblr-bg-surface);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

/* 위젯 추가 모달 Tabler 테마 적용 */
#bbmodal1 .bbmodal_header {
	background-color: var(--tblr-bg-surface);
	border-bottom: 1px solid var(--tblr-border-color-translucent);
}

#bbmodal1 .bbmodal_header_left,
#bbmodal1 .bbmodal_header_right {
	background-color: transparent;
	color: var(--tblr-body-color);
	font-weight: 700;
}

#bbmodal1 .bbmodal_header_right {
	padding-top: 7px;
}

#bbmodal1 .bbmodal_content {
	background: var(--tblr-bg-surface);
}

#bbmodal1 .bbmodal_footer {
	background: var(--tblr-bg-surface);
	border-top: 1px solid var(--tblr-border-color-translucent);
}

#bbmodal1 .bbmodal_footer .bbBtn {
	display: inline-flex;
	align-items: center;
	gap: 0;
	border-radius: 6px;
	padding: 6px 16px;
	border: 1px solid var(--tblr-border-color-translucent);
	background: var(--tblr-bg-surface);
	color: var(--tblr-body-color);
	font-size: 13px;
	font-weight: 700;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

#bbmodal1 .bbmodal_footer .bbBtn img {
	display: none;
}

#bbmodal1 .bbmodal_footer .bbBtn.btnConfirm {
	background: var(--tblr-primary);
	color: #ffffff;
	border-color: rgba(var(--tblr-primary-rgb), 0.7);
}

#bbmodal1 .bbmodal_footer .bbBtn:hover {
	background: var(--tblr-dropdown-link-hover-bg);
}

#bbmodal1 .bbmodal_footer .bbBtn.btnConfirm:hover {
	background: rgba(var(--tblr-primary-rgb), 0.9);
}

.bbmodal_header {
	background-color: #445162;
	position: relative;
	width: 100%;
	height: 40px;
	
	box-sizing: border-box;
	border-bottom: 1px solid #DADFE5;
}

.bbmodal_header_left, .bbmodal_header_right {
	background-color: #445162;
	color: #FFFFFF;
	
	height: 40px;
	line-height: 40px;
}

.bbmodal_header_left {
	padding-left: 20px;
	float: left;
	width: 90%;
}

.bbmodal_header_right {
	padding-left: 0px;
	
	float: left;
	width: 10%;
	text-align: right;
	padding-top: 8px;
	padding-right: 15px;
}

.img_close_modal {
	cursor: pointer;
}

.bbmodal_content {
	width: 100%;
	overflow: auto;
}

.bbmodal_footer {
	box-sizing: border-box;
	border-top: 1px solid #DADFE5;
	background-color: #FCFDFE;
	position: relative;
	width: 100%;
	height: 60px;
	text-align: center;
	
	padding-top: 10px;
}

.tabler_wrap .tabler_bbmodal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0;
	
	/*no-scrollbar*/
	/* IE 및 Edge용 */
	-ms-overflow-style: none;
	/* Firefox용 */
	scrollbar-width: none;
}

/* WebKit(Chrome, Safari, Edge)용 */
.tabler_wrap .tabler_bbmodal::-webkit-scrollbar {
	display: none;
}