/* bootstrap 기본 컴포넌트 커스터마이징 (common.css 에서 분리) */
/*bootstrarp 커스터마이징*/
.btn{white-space: nowrap; display: flex; align-items: center; gap: 5px; justify-content: center; font-family:'Pretendard Variable', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif}

.form-switch{display: flex; align-items: center; }
.form-switch label{margin-left: 5px; white-space: nowrap; display: flex; align-items: center;}
.row-lg{    margin-left: -32px;margin-right: -32px;padding-left: 20px;padding-right: 20px;}
.dropdown-toggle{border: 1px solid #ced4da; border-radius: 4px; display: flex; color: inherit; justify-content: space-between;}
.dropdown-toggle::after{border: 0;content: '\F282';font-family: bootstrap-icons;color: #333;font-size: 13px;font-weight: 700;margin-left: 10px; display: flex; align-items: center;}
.dropdown-toggle span{overflow: hidden; text-overflow: ellipsis;}
.input-group-lg>.form-select, .input-group-sm>.form-select{padding-right: 2rem!important;}
.dropdown-menu.show{max-height: 400px!important; overflow-y: auto;}
.modal-header{border-bottom: 0}
.modal-footer{border-top: 0}

@media screen and (max-width: 576px){
	.dropdown-toggle span{max-width: 115px!important;}
}


/* w-sm-auto: 576px 이상에서 auto */
@media (min-width: 576px) {
	.w-sm-auto {width: auto !important;}

}

/* w-md-auto: 768px 이상에서 auto */
@media (min-width: 768px) {
	.w-md-auto {
		width: auto !important;
	}
}

/* w-lg-auto: 992px 이상에서 auto */
@media (min-width: 992px) {
	.w-lg-auto {
		width: auto !important;
	}
}


.h-lg-100{height: 100%!important;}
@media screen and (max-width: 992px){
	.h-70{height: 70%!important;}
	.h-50{height: 50%!important;}
	.h-30{height: 30%!important;}
}

.plan-option.btn-check:checked+.btn,
.plan-option.btn.active,
.plan-option.btn.show,
.plan-option.btn:first-child:active{background: #fff;box-shadow: inset 0 0 0 3px var(--bs-primary);}



.offcanvas-end {border-left: 2px solid var(--bs-primary) !important;}

@media screen and (max-width: 1200px) {
	.col-auto{margin-top: 0!important;}
}

/* 오프캔버스·배지·버튼·팝오버·폼·토스트 */
.badge-sm{padding: 3px 5px; font-size: 12px; border-radius: 3px;}

.offcanvas-header{background: #f9f9f9}
.offcanvas-header .btn-close{position: absolute; right: 20px; top: 20px}
.btn-xs{font-size: 12px; padding: 1px 7px;border-radius: 3px;}
.btn-xl{padding: 10px 20px}
.popover{font-family: 'Pretendard'; font-size: 16px;}
.popover .popover-header{font-size: 16px;}
.popover .popover-body{font-size: 16px;}
.form-label{font-size: 14px; color: #999; font-weight: 600;}


.toast-header strong{font-size: 18px}
.toast-header .btn-close{font-size: 18px}
.toast-body{font-size: 18px}

.modal-backdrop,
.offcanvas-backdrop{background-color: rgba(110, 118, 130, .45); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);}
.modal-backdrop.show,
.offcanvas-backdrop.show{opacity: 1;}


.card .card-header{padding:15px; border-bottom: 0; z-index: 1;}
.card .card-header .card-title{font-size: 20px; font-weight: 700;}
.card .card-body{border-radius: 0 0 8px 8px}