/* -----------------------------------------
                 색상 예시 
----------------------------------------- */
.e-purple         { background : #AB47BC}
.e-deepred        { background : #df5645}
.e-orange         { background : #ff9800}
.e-olive          { background : #808000}
.e-tan            { background : #d2b48c}
.e-darkgoldenrod  { background : #b8860b}
.e-slateblue      { background : #6a5acd}
.e-blue           { background : #0d6efd}
.e-periwinkle     { background : #656BE8}
.e-gray           { background : #6c757d}
.e-olivegreen     { background : #558203}
.e-forest         { background : #228B22}
.e-moss           { background : #4C6F37}
.e-green          { background : #558203}
.e-teal           { background : #2A7865}
.e-chartreuse     { background : #809139}


/*
    기능상 추가된 버튼
*/
.e-fullScreenTitle  { background : #45b39d}
.e-fullContentBtn   { background: #45b39d }
.e-plusMinusBtn     { background: unset}
.e-bg-new-btn       { background: #1d8348 }
.e-bg-save-btn      { background: #0e6655;}



/* 버튼 기본설정 */
.btn {
	border-radius: 0.15rem;
	line-height: 1;
	padding-top: 0.26rem;
	padding-bottom: 0.28rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	font-size: 0.9rem;
}

.btn-sm {
	font-size: 0.9rem;
}

.min-button-width {
	width: 80px;
}


.btn-icon.btn-xs {
	width: calc(0.6rem + 0.15em);
	height: calc(0.6rem + 0.15em);
}

.header__btn:focus,
.header__btn:hover {
	background-color: #45b39d;
	color: #fff;
}
.buttonAddOn {
	border-top-right-radius: 6px;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	font-size: 0.9rem;
}

/* 부트스트랩 버튼 그룹 관련 Start */
.btn-group .btn {
	max-width: 130px;  /* 모바일에서도 버튼 늘어나지 않게*/ 
}
.btn-group-sm>.btn-icon.btn,
.btn-icon.btn-sm {
	width: calc(0.9rem + 1.5em);
	height: calc(0.9rem);
}

.btn-group-lg>.btn,
.btn-lg {
	padding: .5rem .8rem;
}

.btn-group-lg>.btn,
.btn-lg {
	/* font-size: 13px; */
	border-radius: 0.2825rem;
	border-left-style: inset;
	border-width: 0.2px;
	line-height: 1.1;
	min-width: 80px;
	letter-spacing: 0.1rem;
	/* 원하는 간격 설정 */
}
.mob-btn-group-background {
    background-color: #F5F5F4;
}
/* 부트스트랩 버튼 그룹 관련 End */


.btn-link:active,
.btn-link:hover {
	box-shadow: unset !important;
}




/* 기본 부트스트랩 버튼에 체크관련 스타일 추가 Start */
.btn-check:checked+.btn-danger,
.btn-check:active+.btn-danger,
.btn-danger:active,
.btn-danger.active,
.show>.btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #df5645;
	border-color: #df5645;
}

.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #25476a;
	border-color: #25476a;
}

.btn-check:checked+.btn-secondary,
.btn-check:active+.btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show>.btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #26a69a;
	border-color: #26a69a;
}

.btn-check:checked+.btn-success,
.btn-check:active+.btn-success,
.btn-success:active,
.btn-success.active,
.show>.btn-success.dropdown-toggle {
	color: #fff;
	background-color: #9fcc2e;
	border-color: #9fcc2e;
}

.btn-check:checked+.btn-info,
.btn-check:active+.btn-info,
.btn-info:active,
.btn-info.active,
.show>.btn-info.dropdown-toggle {
	color: #fff;
	background-color: #03a9f4;
	border-color: #03a9f4;
}

.btn-check:checked+.btn-warning,
.btn-check:active+.btn-warning,
.btn-warning:active,
.btn-warning.active,
.show>.btn-warning.dropdown-toggle {
	color: #fff;
	background-color: #fa9f1b;
	border-color: #fa9f1b;
}

.btn-check:checked+.btn-light,
.btn-check:active+.btn-light,
.btn-light:active,
.btn-light.active,
.show>.btn-light.dropdown-toggle {
	color: #373c43;
	background-color: #e1e7f0;
	border-color: #e1e7f0;
}

.btn-check:checked+.btn-dark,
.btn-check:active+.btn-dark,
.btn-dark:active,
.btn-dark.active,
.show>.btn-dark.dropdown-toggle {
	color: #fff;
	background-color: #373c43;
	border-color: #373c43;
}
/* 기본 부트스트랩 버튼에 체크관련 스타일 추가 End */


/* ---------------------------------------------- CUSTOM BUTTON: btn-purple (#AB47BC) ---------------------------------------------- */
.border-purple {
    border-color: #AB47BC !important;
}

.bg-purple {
    background-color: #AB47BC !important;
}

.text-purple {
    color: #AB47BC;
}

.btn-purple {
    color: #fff;
    background-color: #AB47BC;
    border-color: #AB47BC;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
        0 1px 1px rgba(55, 60, 67, 0.075),
        0 0 0 #AB47BC, 0 0 0 rgba(55, 60, 67, 0.25);
}

/* 기본 hover 상태 */
.btn-purple:hover {
    color: #fff;
    background-color: #9C3FAD;
    border-color: #8D379E;
    box-shadow: 0 0.1rem 0.5rem rgba(171, 71, 188, 0.5),
        0 0.25rem 1rem rgba(55, 60, 67, 0.2);
}

.btn-purple:active {
    box-shadow: 0 0 0.5rem #AB47BC, 0 0 0.75rem rgba(55, 60, 67, 0.2) !important;
}

.btn-purple:focus,
.btn-purple:active:focus {
    box-shadow: 0 0 0 1px #AB47BC, 0 0 0.7rem 0.25rem rgba(171, 71, 188, 0.4) !important;
    color: #fff;
    background-color: #9C3FAD;
    border-color: #8D379E;
}

/* 포커스 및 체크 상태 */
.btn-check:focus+.btn-purple,
.btn-purple:focus {
    color: #fff;
    background-color: #9C3FAD;
    border-color: #8D379E;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
        0 1px 1px rgba(55, 60, 67, 0.075), 0 0 0 0.15rem rgba(171, 71, 188, 0.5);
}

/* 체크/액티브 상태 */
.btn-check:checked+.btn-purple,
.btn-check:active+.btn-purple,
.btn-purple:active,
.btn-purple.active,
.show>.btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #AB47BC;
    border-color: #AB47BC;
}

/* 체크/액티브 + 포커스 상태 */
.btn-check:checked+.btn-purple:focus,
.btn-check:active+.btn-purple:focus,
.btn-purple:active:focus,
.btn-purple.active:focus,
.show>.btn-purple.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
        0 0 0 0.15rem rgba(171, 71, 188, 0.5);
}

/* 비활성화 상태 */
.btn-purple:disabled,
.btn-purple.disabled {
    color: #fff;
    background-color: #AB47BC;
    border-color: #AB47BC;
    opacity: 0.65;
}

/* ---------------------------------------------- CUSTOM BUTTON: btn-outline-purple (#AB47BC) ---------------------------------------------- */
.btn-outline-purple {
    color: #AB47BC;
    border-color: #AB47BC;
}

/* hover 상태 */
.btn-outline-purple:hover {
    color: #fff;
    background-color: #AB47BC;
    border-color: #AB47BC;
}

/* focus 상태 */
.btn-check:focus+.btn-outline-purple,
.btn-outline-purple:focus {
    box-shadow: 0 0 0 0.15rem rgba(171, 71, 188, 0.5);
}

/* checked / active 상태 */
.btn-check:checked+.btn-outline-purple,
.btn-check:active+.btn-outline-purple,
.btn-outline-purple:active,
.btn-outline-purple.active,
.btn-outline-purple.dropdown-toggle.show {
    color: #fff;
    background-color: #AB47BC;
    border-color: #AB47BC;
}

/* checked / active + focus 상태 */
.btn-check:checked+.btn-outline-purple:focus,
.btn-check:active+.btn-outline-purple:focus,
.btn-outline-purple:active:focus,
.btn-outline-purple.active:focus,
.btn-outline-purple.dropdown-toggle.show:focus {
    box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
        0 0 0 0.15rem rgba(171, 71, 188, 0.5);
}

/* 비활성화 상태 */
.btn-outline-purple:disabled,
.btn-outline-purple.disabled {
    color: #AB47BC;
    background-color: transparent;
}


/* ---------------------------------------------- CUSTOM BUTTON: btn-orange Based on your existing button structure ---------------------------------------------- */
.btn-orange {
	color: #fff;
	background-color: #ff9800;
	border-color: #ff9800;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075);
}

/* 기본 hover 상태 */
.btn-orange:hover {
	color: #fff;
	background-color: #e68900;
	border-color: #cc7a00;
}

.bg-orange {
	background-color: #e68900;
}

/* -- BUTTONS -- */
/* ---------------------------------------------- */
.btn-orange {
	box-shadow: 0 0 0 #ff9800, 0 0 0 rgba(55, 60, 67, 0.25);
}

.btn-orange:hover {
	box-shadow: 0 0.1rem 0.5rem rgba(255, 152, 0, 0.5),
		0 0.25rem 1rem rgba(55, 60, 67, 0.2);
}

.btn-orange:active {
	box-shadow: 0 0 0.5rem #ff9800, 0 0 0.75rem rgba(55, 60, 67, 0.2) !important;
}

.btn-orange:focus,
.btn-orange:active:focus {
	box-shadow: 0 0 0 1px #ff9800, 0 0 0.7rem 0.25rem rgba(255, 152, 0, 0.4) !important;
	color: #fff;
	background-color: #e68900;
	border-color: #cc7a00;
}

/* 포커스 및 체크 상태 */
.btn-check:focus+.btn-orange,
.btn-orange:focus {
	color: #fff;
	background-color: #e68900;
	border-color: #cc7a00;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075), 0 0 0 0.15rem rgba(255, 152, 0, 0.5);
}

/* 체크/액티브 상태 */
.btn-check:checked+.btn-orange,
.btn-check:active+.btn-orange,
.btn-orange:active,
.btn-orange.active,
.show>.btn-orange.dropdown-toggle {
	color: #fff;
	background-color: #ff9800;
	border-color: #ff9800;
}

.btn-check:checked+.btn-orange:focus,
.btn-check:active+.btn-orange:focus,
.btn-orange:active:focus,
.btn-orange.active:focus,
.show>.btn-orange.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(255, 152, 0, 0.5);
}

/* 비활성화 상태 */
.btn-orange:disabled,
.btn-orange.disabled {
	color: #fff;
	background-color: #ff9800;
	border-color: #ff9800;
	opacity: 0.65;
}

/* ---------------------------------------------- CUSTOM BUTTON: btn-outline-orange ---------------------------------------------- */
.border-orange {
	border-color: #ff9800 !important;
}

.btn-outline-orange {
	color: #ff9800;
	border-color: #ff9800;
}

/* hover 상태 */
.btn-outline-orange:hover {
	color: #fff;
	background-color: #ff9800;
	border-color: #ff9800;
}

/* focus 상태 */
.btn-check:focus+.btn-outline-orange,
.btn-outline-orange:focus {
	box-shadow: 0 0 0 0.15rem rgba(255, 152, 0, 0.5);
}

/* checked / active 상태 */
.btn-check:checked+.btn-outline-orange,
.btn-check:active+.btn-outline-orange,
.btn-outline-orange:active,
.btn-outline-orange.active,
.btn-outline-orange.dropdown-toggle.show {
	color: #fff;
	background-color: #ff9800;
	border-color: #ff9800;
}

/* checked / active + focus 상태 */
.btn-check:checked+.btn-outline-orange:focus,
.btn-check:active+.btn-outline-orange:focus,
.btn-outline-orange:active:focus,
.btn-outline-orange.active:focus,
.btn-outline-orange.dropdown-toggle.show:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(255, 152, 0, 0.5);
}

/* 비활성화 상태 */
.btn-outline-orange:disabled,
.btn-outline-orange.disabled {
	color: #ff9800;
	background-color: transparent;
}



/* ---------------------------------------------- CUSTOM BUTTON: btn-deepred Based on your existing button structure ---------------------------------------------- */
.bg-deepred {
	background-color: #df5645;
}

.text-deepred {
	color: #df5645;
}

.border-deepred {
	border-color: #df5645 !important;
}

.btn-deepred {
	color: #fff;
	background-color: #f06292;
	border-color: #f06292;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075);
}

/* 기본 hover 상태 */
.btn-deepred:hover {
	color: #fff;
	background-color: #d45682;
	border-color: #bb4b73;
}

/* -- BUTTONS -- */
/* ---------------------------------------------- */
.btn-deepred {
	box-shadow: 0 0 0 #f06292, 0 0 0 rgba(55, 60, 67, 0.25);
}

.btn-deepred:hover {
	box-shadow: 0 0.1rem 0.5rem rgba(240, 98, 146, 0.5),
		0 0.25rem 1rem rgba(55, 60, 67, 0.2);
}

.btn-deepred:active {
	box-shadow: 0 0 0.5rem #f06292, 0 0 0.75rem rgba(55, 60, 67, 0.2) !important;
}

.btn-deepred:focus,
.btn-deepred:active:focus {
	box-shadow: 0 0 0 1px #f06292, 0 0 0.7rem 0.25rem rgba(240, 98, 146, 0.4) !important;
	color: #fff;
	background-color: #d45682;
	border-color: #bb4b73;
}

/* 포커스 및 체크 상태 */
.btn-check:focus+.btn-deepred,
.btn-deepred:focus {
	color: #fff;
	background-color: #d45682;
	border-color: #bb4b73;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075), 0 0 0 0.15rem rgba(240, 98, 146, 0.5);
}

/* 체크/액티브 상태 */
.btn-check:checked+.btn-deepred,
.btn-check:active+.btn-deepred,
.btn-deepred:active,
.btn-deepred.active,
.show>.btn-deepred.dropdown-toggle {
	color: #fff;
	background-color: #f06292;
	border-color: #f06292;
}

.btn-check:checked+.btn-deepred:focus,
.btn-check:active+.btn-deepred:focus,
.btn-deepred:active:focus,
.btn-deepred.active:focus,
.show>.btn-deepred.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(240, 98, 146, 0.5);
}

/* 비활성화 상태 */
.btn-deepred:disabled,
.btn-deepred.disabled {
	color: #fff;
	background-color: #f06292;
	border-color: #f06292;
	opacity: 0.65;
}

/* ---------------------------------------------- CUSTOM BUTTON: btn-outline-deepred ---------------------------------------------- */
.btn-outline-deepred {
	color: #f06292;
	border-color: #f06292;
}

/* hover 상태 */
.btn-outline-deepred:hover {
	color: #fff;
	background-color: #f06292;
	border-color: #f06292;
}

/* focus 상태 */
.btn-check:focus+.btn-outline-deepred,
.btn-outline-deepred:focus {
	box-shadow: 0 0 0 0.15rem rgba(240, 98, 146, 0.5);
}

/* checked / active 상태 */
.btn-check:checked+.btn-outline-deepred,
.btn-check:active+.btn-outline-deepred,
.btn-outline-deepred:active,
.btn-outline-deepred.active,
.btn-outline-deepred.dropdown-toggle.show {
	color: #fff;
	background-color: #f06292;
	border-color: #f06292;
}

/* checked / active + focus 상태 */
.btn-check:checked+.btn-outline-deepred:focus,
.btn-check:active+.btn-outline-deepred:focus,
.btn-outline-deepred:active:focus,
.btn-outline-deepred.active:focus,
.btn-outline-deepred.dropdown-toggle.show:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(240, 98, 146, 0.5);
}

/* 비활성화 상태 */
.btn-outline-deepred:disabled,
.btn-outline-deepred.disabled {
	color: #f06292;
	background-color: transparent;
}


/* ---------------------------------------------- CUSTOM BUTTON: btn-olive (#808000 Olive) ---------------------------------------------- */
.border-olive {
	border-color: #808000 !important;
}

.bg-olive {
	background-color: #808000 !important;
}

.btn-olive {
	color: #fff;
	background-color: #808000;
	border-color: #808000;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075);
}

/* 기본 hover 상태 */
.btn-olive:hover {
	color: #fff;
	background-color: #737300;
	/* #808000 → 약간 어둡게 */
	border-color: #666600;
}

/* -- BUTTON SHADOWS -- */
.btn-olive {
	box-shadow: 0 0 0 #808000, 0 0 0 rgba(55, 60, 67, 0.25);
}

.btn-olive:hover {
	box-shadow: 0 0.1rem 0.5rem rgba(128, 128, 0, 0.5),
		0 0.25rem 1rem rgba(55, 60, 67, 0.2);
}

.btn-olive:active {
	box-shadow: 0 0 0.5rem #808000, 0 0 0.75rem rgba(55, 60, 67, 0.2) !important;
}

.btn-olive:focus,
.btn-olive:active:focus {
	box-shadow: 0 0 0 1px #808000, 0 0 0.7rem 0.25rem rgba(128, 128, 0, 0.4) !important;
	color: #fff;
	background-color: #737300;
	border-color: #666600;
}

/* 포커스 및 체크 상태 */
.btn-check:focus+.btn-olive,
.btn-olive:focus {
	color: #fff;
	background-color: #737300;
	border-color: #666600;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075), 0 0 0 0.15rem rgba(128, 128, 0, 0.5);
}

/* 체크/액티브 상태 */
.btn-check:checked+.btn-olive,
.btn-check:active+.btn-olive,
.btn-olive:active,
.btn-olive.active,
.show>.btn-olive.dropdown-toggle {
	color: #fff;
	background-color: #808000;
	border-color: #808000;
}

/* 체크/액티브 + 포커스 상태 */
.btn-check:checked+.btn-olive:focus,
.btn-check:active+.btn-olive:focus,
.btn-olive:active:focus,
.btn-olive.active:focus,
.show>.btn-olive.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(128, 128, 0, 0.5);
}

/* 비활성화 상태 */
.btn-olive:disabled,
.btn-olive.disabled {
	color: #fff;
	background-color: #808000;
	border-color: #808000;
	opacity: 0.65;
}

/* ---------------------------------------------- CUSTOM BUTTON: btn-outline-olive (#808000 Olive) ---------------------------------------------- */
.btn-outline-olive {
	color: #808000;
	border-color: #808000;
}

/* hover 상태 */
.btn-outline-olive:hover {
	color: #fff;
	background-color: #808000;
	border-color: #808000;
}

/* focus 상태 */
.btn-check:focus+.btn-outline-olive,
.btn-outline-olive:focus {
	box-shadow: 0 0 0 0.15rem rgba(128, 128, 0, 0.5);
}

/* checked / active 상태 */
.btn-check:checked+.btn-outline-olive,
.btn-check:active+.btn-outline-olive,
.btn-outline-olive:active,
.btn-outline-olive.active,
.btn-outline-olive.dropdown-toggle.show {
	color: #fff;
	background-color: #808000;
	border-color: #808000;
}

/* checked / active + focus 상태 */
.btn-check:checked+.btn-outline-olive:focus,
.btn-check:active+.btn-outline-olive:focus,
.btn-outline-olive:active:focus,
.btn-outline-olive.active:focus,
.btn-outline-olive.dropdown-toggle.show:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(128, 128, 0, 0.5);
}

/* 비활성화 상태 */
.btn-outline-olive:disabled,
.btn-outline-olive.disabled {
	color: #808000;
	background-color: transparent;
}

/* ---------------------------------------------- CUSTOM BUTTON: btn-tan (#D2B48C Tan) ---------------------------------------------- */
.border-tan {
	border-color: #d2b48c !important;
}

.bg-tan {
	background-color: #d2b48c !important;
}

.btn-tan {
	color: #fff;
	background-color: #d2b48c;
	border-color: #d2b48c;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075);
}

/* 기본 hover 상태 (기본 색보다 약간 어둡게) */
.btn-tan:hover {
	color: #fff;
	background-color: #c3a781;
	/* #D2B48C → 살짝 어둡게 */
	border-color: #b79c77;
}

/* -- BUTTON SHADOWS -- */
.btn-tan {
	box-shadow: 0 0 0 #d2b48c, 0 0 0 rgba(55, 60, 67, 0.25);
}

.btn-tan:hover {
	box-shadow: 0 0.1rem 0.5rem rgba(210, 180, 140, 0.5),
		0 0.25rem 1rem rgba(55, 60, 67, 0.2);
}

.btn-tan:active {
	box-shadow: 0 0 0.5rem #d2b48c, 0 0 0.75rem rgba(55, 60, 67, 0.2) !important;
}

.btn-tan:focus,
.btn-tan:active:focus {
	box-shadow: 0 0 0 1px #d2b48c, 0 0 0.7rem 0.25rem rgba(210, 180, 140, 0.4) !important;
	color: #fff;
	background-color: #c3a781;
	border-color: #b79c77;
}

/* 포커스 및 체크 상태 */
.btn-check:focus+.btn-tan,
.btn-tan:focus {
	color: #fff;
	background-color: #c3a781;
	border-color: #b79c77;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075),
		0 0 0 0.15rem rgba(210, 180, 140, 0.5);
}

/* 체크/액티브 상태 */
.btn-check:checked+.btn-tan,
.btn-check:active+.btn-tan,
.btn-tan:active,
.btn-tan.active,
.show>.btn-tan.dropdown-toggle {
	color: #fff;
	background-color: #d2b48c;
	border-color: #d2b48c;
}

/* 체크/액티브 + 포커스 상태 */
.btn-check:checked+.btn-tan:focus,
.btn-check:active+.btn-tan:focus,
.btn-tan:active:focus,
.btn-tan.active:focus,
.show>.btn-tan.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(210, 180, 140, 0.5);
}

/* 비활성화 상태 */
.btn-tan:disabled,
.btn-tan.disabled {
	color: #fff;
	background-color: #d2b48c;
	border-color: #d2b48c;
	opacity: 0.65;
}

/* ---------------------------------------------- CUSTOM BUTTON: btn-outline-tan (#D2B48C Tan) ---------------------------------------------- */
.btn-outline-tan {
	color: #d2b48c;
	border-color: #d2b48c;
}

/* hover 상태 */
.btn-outline-tan:hover {
	color: #fff;
	background-color: #d2b48c;
	border-color: #d2b48c;
}

/* focus 상태 */
.btn-check:focus+.btn-outline-tan,
.btn-outline-tan:focus {
	box-shadow: 0 0 0 0.15rem rgba(210, 180, 140, 0.5);
}

/* checked / active 상태 */
.btn-check:checked+.btn-outline-tan,
.btn-check:active+.btn-outline-tan,
.btn-outline-tan:active,
.btn-outline-tan.active,
.btn-outline-tan.dropdown-toggle.show {
	color: #fff;
	background-color: #d2b48c;
	border-color: #d2b48c;
}

/* checked / active + focus 상태 */
.btn-check:checked+.btn-outline-tan:focus,
.btn-check:active+.btn-outline-tan:focus,
.btn-outline-tan:active:focus,
.btn-outline-tan.active:focus,
.btn-outline-tan.dropdown-toggle.show:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(210, 180, 140, 0.5);
}

/* 비활성화 상태 */
.btn-outline-tan:disabled,
.btn-outline-tan.disabled {
	color: #d2b48c;
	background-color: transparent;
}


/* ---------------------------------------------- CUSTOM BUTTON: btn-darkgoldenrod (#B8860B) ---------------------------------------------- */
.border-darkgoldenrod {
	border-color: #b8860b !important;
}

.bg-darkgoldenrod {
	background-color: #b8860b !important;
}

.btn-darkgoldenrod {
	color: #fff;
	background-color: #b8860b;
	border-color: #b8860b;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075);
}

/* 기본 hover 상태 (약간 어둡게) */
.btn-darkgoldenrod:hover {
	color: #fff;
	background-color: #a77a0a;
	/* darkened */
	border-color: #956c09;
}

/* -- BUTTON SHADOWS -- */
.btn-darkgoldenrod {
	box-shadow: 0 0 0 #b8860b, 0 0 0 rgba(55, 60, 67, 0.25);
}

.btn-darkgoldenrod:hover {
	box-shadow: 0 0.1rem 0.5rem rgba(184, 134, 11, 0.5),
		0 0.25rem 1rem rgba(55, 60, 67, 0.2);
}

.btn-darkgoldenrod:active {
	box-shadow: 0 0 0.5rem #b8860b, 0 0 0.75rem rgba(55, 60, 67, 0.2) !important;
}

.btn-darkgoldenrod:focus,
.btn-darkgoldenrod:active:focus {
	box-shadow: 0 0 0 1px #b8860b, 0 0 0.7rem 0.25rem rgba(184, 134, 11, 0.4) !important;
	color: #fff;
	background-color: #a77a0a;
	border-color: #956c09;
}

/* 포커스 및 체크 상태 */
.btn-check:focus+.btn-darkgoldenrod,
.btn-darkgoldenrod:focus {
	color: #fff;
	background-color: #a77a0a;
	border-color: #956c09;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075), 0 0 0 0.15rem rgba(184, 134, 11, 0.5);
}

/* 체크/액티브 상태 */
.btn-check:checked+.btn-darkgoldenrod,
.btn-check:active+.btn-darkgoldenrod,
.btn-darkgoldenrod:active,
.btn-darkgoldenrod.active,
.show>.btn-darkgoldenrod.dropdown-toggle {
	color: #fff;
	background-color: #b8860b;
	border-color: #b8860b;
}

/* 체크/액티브 + 포커스 상태 */
.btn-check:checked+.btn-darkgoldenrod:focus,
.btn-check:active+.btn-darkgoldenrod:focus,
.btn-darkgoldenrod:active:focus,
.btn-darkgoldenrod.active:focus,
.show>.btn-darkgoldenrod.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(184, 134, 11, 0.5);
}

/* 비활성화 상태 */
.btn-darkgoldenrod:disabled,
.btn-darkgoldenrod.disabled {
	color: #fff;
	background-color: #b8860b;
	border-color: #b8860b;
	opacity: 0.65;
}

/* ---------------------------------------------- CUSTOM BUTTON: btn-outline-darkgoldenrod (#B8860B) ---------------------------------------------- */
.btn-outline-darkgoldenrod {
	color: #b8860b;
	border-color: #b8860b;
}

/* hover 상태 */
.btn-outline-darkgoldenrod:hover {
	color: #fff;
	background-color: #b8860b;
	border-color: #b8860b;
}

/* focus 상태 */
.btn-check:focus+.btn-outline-darkgoldenrod,
.btn-outline-darkgoldenrod:focus {
	box-shadow: 0 0 0 0.15rem rgba(184, 134, 11, 0.5);
}

/* checked / active 상태 */
.btn-check:checked+.btn-outline-darkgoldenrod,
.btn-check:active+.btn-outline-darkgoldenrod,
.btn-outline-darkgoldenrod:active,
.btn-outline-darkgoldenrod.active,
.btn-outline-darkgoldenrod.dropdown-toggle.show {
	color: #fff;
	background-color: #b8860b;
	border-color: #b8860b;
}

/* checked / active + focus 상태 */
.btn-check:checked+.btn-outline-darkgoldenrod:focus,
.btn-check:active+.btn-outline-darkgoldenrod:focus,
.btn-outline-darkgoldenrod:active:focus,
.btn-outline-darkgoldenrod.active:focus,
.btn-outline-darkgoldenrod.dropdown-toggle.show:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(184, 134, 11, 0.5);
}

/* 비활성화 상태 */
.btn-outline-darkgoldenrod:disabled,
.btn-outline-darkgoldenrod.disabled {
	color: #b8860b;
	background-color: transparent;
}




/* ---------------------------------------------- CUSTOM BUTTON: btn-slateblue (#6A5ACD) ---------------------------------------------- */
.border-slateblue {
	border-color: #6a5acd !important;
}

.bg-slateblue {
	background-color: #6a5acd !important;
}

.btn-slateblue {
	color: #fff;
	background-color: #6a5acd;
	border-color: #6a5acd;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075);
}

/* 기본 hover 상태 (약간 어둡게) */
.btn-slateblue:hover {
	color: #fff;
	background-color: #5f50ba;
	/* slightly darker */
	border-color: #5346a5;
}

/* -- BUTTON SHADOWS -- */
.btn-slateblue {
	box-shadow: 0 0 0 #6a5acd, 0 0 0 rgba(55, 60, 67, 0.25);
}

.btn-slateblue:hover {
	box-shadow: 0 0.1rem 0.5rem rgba(106, 90, 205, 0.5),
		0 0.25rem 1rem rgba(55, 60, 67, 0.2);
}

.btn-slateblue:active {
	box-shadow: 0 0 0.5rem #6a5acd, 0 0 0.75rem rgba(55, 60, 67, 0.2) !important;
}

.btn-slateblue:focus,
.btn-slateblue:active:focus {
	box-shadow: 0 0 0 1px #6a5acd, 0 0 0.7rem 0.25rem rgba(106, 90, 205, 0.4) !important;
	color: #fff;
	background-color: #5f50ba;
	border-color: #5346a5;
}

/* 포커스 및 체크 상태 */
.btn-check:focus+.btn-slateblue,
.btn-slateblue:focus {
	color: #fff;
	background-color: #5f50ba;
	border-color: #5346a5;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075), 0 0 0 0.15rem rgba(106, 90, 205, 0.5);
}

/* 체크/액티브 상태 */
.btn-check:checked+.btn-slateblue,
.btn-check:active+.btn-slateblue,
.btn-slateblue:active,
.btn-slateblue.active,
.show>.btn-slateblue.dropdown-toggle {
	color: #fff;
	background-color: #6a5acd;
	border-color: #6a5acd;
}

/* 체크/액티브 + 포커스 상태 */
.btn-check:checked+.btn-slateblue:focus,
.btn-check:active+.btn-slateblue:focus,
.btn-slateblue:active:focus,
.btn-slateblue.active:focus,
.show>.btn-slateblue.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(106, 90, 205, 0.5);
}

/* 비활성화 상태 */
.btn-slateblue:disabled,
.btn-slateblue.disabled {
	color: #fff;
	background-color: #6a5acd;
	border-color: #6a5acd;
	opacity: 0.65;
}

/* ---------------------------------------------- CUSTOM BUTTON: btn-outline-slateblue (#6A5ACD) ---------------------------------------------- */
.btn-outline-slateblue {
	color: #6a5acd;
	border-color: #6a5acd;
}

/* hover 상태 */
.btn-outline-slateblue:hover {
	color: #fff;
	background-color: #6a5acd;
	border-color: #6a5acd;
}

/* focus 상태 */
.btn-check:focus+.btn-outline-slateblue,
.btn-outline-slateblue:focus {
	box-shadow: 0 0 0 0.15rem rgba(106, 90, 205, 0.5);
}

/* checked / active 상태 */
.btn-check:checked+.btn-outline-slateblue,
.btn-check:active+.btn-outline-slateblue,
.btn-outline-slateblue:active,
.btn-outline-slateblue.active,
.btn-outline-slateblue.dropdown-toggle.show {
	color: #fff;
	background-color: #6a5acd;
	border-color: #6a5acd;
}

/* checked / active + focus 상태 */
.btn-check:checked+.btn-outline-slateblue:focus,
.btn-check:active+.btn-outline-slateblue:focus,
.btn-outline-slateblue:active:focus,
.btn-outline-slateblue.active:focus,
.btn-outline-slateblue.dropdown-toggle.show:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(106, 90, 205, 0.5);
}

/* 비활성화 상태 */
.btn-outline-slateblue:disabled,
.btn-outline-slateblue.disabled {
	color: #6a5acd;
	background-color: transparent;
}




/* ---------------------------------------------- CUSTOM BUTTON: btn-blue Based on your existing button structure ---------------------------------------------- */
.bg-blue {
	background-color: #0d6efd;
}

.text-blue {
	color: #0d6efd;
}

.border-blue {
	border-color: #0d6efd !important;
}

.btn-blue {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075);
}

/* 기본 hover 상태 */
.btn-blue:hover {
	color: #fff;
	background-color: #0b5ed7;
	border-color: #0a58ca;
}

/* -- BUTTONS -- */
/* ---------------------------------------------- */
.btn-blue {
	box-shadow: 0 0 0 #0d6efd, 0 0 0 rgba(55, 60, 67, 0.25);
}

.btn-blue:hover {
	box-shadow: 0 0.1rem 0.5rem rgba(13, 110, 253, 0.5),
		0 0.25rem 1rem rgba(55, 60, 67, 0.2);
}

.btn-blue:active {
	box-shadow: 0 0 0.5rem #0d6efd, 0 0 0.75rem rgba(55, 60, 67, 0.2) !important;
}

.btn-blue:focus,
.btn-blue:active:focus {
	box-shadow: 0 0 0 1px #0d6efd, 0 0 0.7rem 0.25rem rgba(13, 110, 253, 0.4) !important;
	color: #fff;
	background-color: #0b5ed7;
	border-color: #0a58ca;
}
 
/* 포커스 및 체크 상태 */
.btn-check:focus+.btn-blue,
.btn-blue:focus {
	color: #fff;
	background-color: #0b5ed7;
	border-color: #0a58ca;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075), 0 0 0 0.15rem rgba(13, 110, 253, 0.5);
}

/* 체크/액티브 상태 */
.btn-check:checked+.btn-blue,
.btn-check:active+.btn-blue,
.btn-blue:active,
.btn-blue.active,
.show>.btn-blue.dropdown-toggle {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
}

.btn-check:checked+.btn-blue:focus,
.btn-check:active+.btn-blue:focus,
.btn-blue:active:focus,
.btn-blue.active:focus,
.show>.btn-blue.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(13, 110, 253, 0.5);
}

/* 비활성화 상태 */
.btn-blue:disabled,
.btn-blue.disabled {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
	opacity: 0.65;
}

/* ---------------------------------------------- CUSTOM BUTTON: btn-outline-blue ---------------------------------------------- */
.btn-outline-blue {
	color: #0d6efd;
	border-color: #0d6efd;
}

/* hover 상태 */
.btn-outline-blue:hover {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
}

/* focus 상태 */
.btn-check:focus+.btn-outline-blue,
.btn-outline-blue:focus {
	box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.5);
}

/* checked / active 상태 */
.btn-check:checked+.btn-outline-blue,
.btn-check:active+.btn-outline-blue,
.btn-outline-blue:active,
.btn-outline-blue.active,
.btn-outline-blue.dropdown-toggle.show {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
}

/* checked / active + focus 상태 */
.btn-check:checked+.btn-outline-blue:focus,
.btn-check:active+.btn-outline-blue:focus,
.btn-outline-blue:active:focus,
.btn-outline-blue.active:focus,
.btn-outline-blue.dropdown-toggle.show:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(13, 110, 253, 0.5);
}

/* 비활성화 상태 */
.btn-outline-blue:disabled,
.btn-outline-blue.disabled {
	color: #0d6efd;
	background-color: transparent;
}



/* ---------------------------------------------- CUSTOM BUTTON: btn-periwinkle Based on your existing button structure ---------------------------------------------- */
.bg-periwinkle {
	background-color: #656BE8;
}

.text-periwinkle {
	color: #656BE8;
}

.border-periwinkle {
	border-color: #656BE8 !important;
}

.btn-periwinkle {
	color: #fff;
	background-color: #656BE8;
	border-color: #656BE8;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075);
}

/* 기본 hover 상태 */
.btn-periwinkle:hover {
	color: #fff;
	background-color: #565cd9;
	border-color: #4d53ca;
}

/* -- BUTTONS -- */
/* ---------------------------------------------- */
.btn-periwinkle {
	box-shadow: 0 0 0 #656BE8, 0 0 0 rgba(55, 60, 67, 0.25);
}

.btn-periwinkle:hover {
	box-shadow: 0 0.1rem 0.5rem rgba(101, 107, 232, 0.5),
		0 0.25rem 1rem rgba(55, 60, 67, 0.2);
}

.btn-periwinkle:active {
	box-shadow: 0 0 0.5rem #656BE8, 0 0 0.75rem rgba(55, 60, 67, 0.2) !important;
}

.btn-periwinkle:focus,
.btn-periwinkle:active:focus {
	box-shadow: 0 0 0 1px #656BE8, 0 0 0.7rem 0.25rem rgba(101, 107, 232, 0.4) !important;
	color: #fff;
	background-color: #565cd9;
	border-color: #4d53ca;
}

/* 포커스 및 체크 상태 */
.btn-check:focus+.btn-periwinkle,
.btn-periwinkle:focus {
	color: #fff;
	background-color: #565cd9;
	border-color: #4d53ca;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075), 0 0 0 0.15rem rgba(101, 107, 232, 0.5);
}

/* 체크/액티브 상태 */
.btn-check:checked+.btn-periwinkle,
.btn-check:active+.btn-periwinkle,
.btn-periwinkle:active,
.btn-periwinkle.active,
.show>.btn-periwinkle.dropdown-toggle {
	color: #fff;
	background-color: #656BE8;
	border-color: #656BE8;
}

.btn-check:checked+.btn-periwinkle:focus,
.btn-check:active+.btn-periwinkle:focus,
.btn-periwinkle:active:focus,
.btn-periwinkle.active:focus,
.show>.btn-periwinkle.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(101, 107, 232, 0.5);
}

/* 비활성화 상태 */
.btn-periwinkle:disabled,
.btn-periwinkle.disabled {
	color: #fff;
	background-color: #656BE8;
	border-color: #656BE8;
	opacity: 0.65;
}

/* ---------------------------------------------- CUSTOM BUTTON: btn-outline-periwinkle ---------------------------------------------- */
.btn-outline-periwinkle {
	color: #656BE8;
	border-color: #656BE8;
}

/* hover 상태 */
.btn-outline-periwinkle:hover {
	color: #fff;
	background-color: #656BE8;
	border-color: #656BE8;
}

/* focus 상태 */
.btn-check:focus+.btn-outline-periwinkle,
.btn-outline-periwinkle:focus {
	box-shadow: 0 0 0 0.15rem rgba(101, 107, 232, 0.5);
}

/* checked / active 상태 */
.btn-check:checked+.btn-outline-periwinkle,
.btn-check:active+.btn-outline-periwinkle,
.btn-outline-periwinkle:active,
.btn-outline-periwinkle.active,
.btn-outline-periwinkle.dropdown-toggle.show {
	color: #fff;
	background-color: #656BE8;
	border-color: #656BE8;
}

/* checked / active + focus 상태 */
.btn-check:checked+.btn-outline-periwinkle:focus,
.btn-check:active+.btn-outline-periwinkle:focus,
.btn-outline-periwinkle:active:focus,
.btn-outline-periwinkle.active:focus,
.btn-outline-periwinkle.dropdown-toggle.show:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(101, 107, 232, 0.5);
}

/* 비활성화 상태 */
.btn-outline-periwinkle:disabled,
.btn-outline-periwinkle.disabled {
	color: #656BE8;
	background-color: transparent;
}




/* ---------------------------------------------- CUSTOM BUTTON: btn-gray Based on your existing button structure ---------------------------------------------- */
.bg-gray {
	background-color: #6c757d;
}

.text-gray {
	color: #6c757d;
}

.border-gray {
	border-color: #6c757d !important;
}

.btn-gray {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075);
}

/* 기본 hover 상태 */
.btn-gray:hover {
	color: #fff;
	background-color: #5a6268;
	border-color: #545b62;
}

/* -- BUTTONS -- */
/* ---------------------------------------------- */
.btn-gray {
	box-shadow: 0 0 0 #6c757d, 0 0 0 rgba(55, 60, 67, 0.25);
}

.btn-gray:hover {
	box-shadow: 0 0.1rem 0.5rem rgba(108, 117, 125, 0.5),
		0 0.25rem 1rem rgba(55, 60, 67, 0.2);
}

.btn-gray:active {
	box-shadow: 0 0 0.5rem #6c757d, 0 0 0.75rem rgba(55, 60, 67, 0.2) !important;
}

.btn-gray:focus,
.btn-gray:active:focus {
	box-shadow: 0 0 0 1px #6c757d, 0 0 0.7rem 0.25rem rgba(108, 117, 125, 0.4) !important;
	color: #fff;
	background-color: #5a6268;
	border-color: #545b62;
}

/* 포커스 및 체크 상태 */
.btn-check:focus+.btn-gray,
.btn-gray:focus {
	color: #fff;
	background-color: #5a6268;
	border-color: #545b62;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075), 0 0 0 0.15rem rgba(108, 117, 125, 0.5);
}

/* 체크/액티브 상태 */
.btn-check:checked+.btn-gray,
.btn-check:active+.btn-gray,
.btn-gray:active,
.btn-gray.active,
.show>.btn-gray.dropdown-toggle {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.btn-check:checked+.btn-gray:focus,
.btn-check:active+.btn-gray:focus,
.btn-gray:active:focus,
.btn-gray.active:focus,
.show>.btn-gray.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(108, 117, 125, 0.5);
}

/* 비활성화 상태 */
.btn-gray:disabled,
.btn-gray.disabled {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
	opacity: 0.65;
}

/* ---------------------------------------------- CUSTOM BUTTON: btn-outline-gray ---------------------------------------------- */
.btn-outline-gray {
	color: #6c757d;
	border-color: #6c757d;
}

/* hover 상태 */
.btn-outline-gray:hover {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

/* focus 상태 */
.btn-check:focus+.btn-outline-gray,
.btn-outline-gray:focus {
	box-shadow: 0 0 0 0.15rem rgba(108, 117, 125, 0.5);
}

/* checked / active 상태 */
.btn-check:checked+.btn-outline-gray,
.btn-check:active+.btn-outline-gray,
.btn-outline-gray:active,
.btn-outline-gray.active,
.btn-outline-gray.dropdown-toggle.show {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

/* checked / active + focus 상태 */
.btn-check:checked+.btn-outline-gray:focus,
.btn-check:active+.btn-outline-gray:focus,
.btn-outline-gray:active:focus,
.btn-outline-gray.active:focus,
.btn-outline-gray.dropdown-toggle.show:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(108, 117, 125, 0.5);
}

/* 비활성화 상태 */
.btn-outline-gray:disabled,
.btn-outline-gray.disabled {
	color: #6c757d;
	background-color: transparent;
}


/* ---------------------------------------------- 
   CUSTOM BUTTON: btn-olivegreen #558203 (올리브 그린) 계통
---------------------------------------------- */
.bg-olivegreen {
	background-color: #558203;
}

.text-olivegreen {
	color: #558203;
}

.border-olivegreen {
	border-color: #558203 !important;
}

.btn-olivegreen {
	color: #fff;
	background-color: #558203;
	border-color: #558203;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(85, 130, 3, 0.1);
	transition: all 0.2s ease-in-out;
}

/* hover 상태 */
.btn-olivegreen:hover {
	color: #fff;
	background-color: #4A7402;
	border-color: #406602;
	transform: translateY(-1px);
}

/* -- BUTTONS -- */
/* ---------------------------------------------- */
.btn-olivegreen {
	box-shadow: 0 0 0 #558203, 0 0 0 rgba(85, 130, 3, 0.1);
}

.btn-olivegreen:hover {
	box-shadow: 0 0.15rem 0.6rem rgba(85, 130, 3, 0.35),
		0 0.3rem 1.2rem rgba(85, 130, 3, 0.15);
}

.btn-olivegreen:active {
	box-shadow: 0 0 0.5rem rgba(85, 130, 3, 0.4),
		0 0 0.75rem rgba(85, 130, 3, 0.2) !important;
	transform: translateY(0);
}

.btn-olivegreen:focus,
.btn-olivegreen:active:focus {
	box-shadow: 0 0 0 1px #558203,
		0 0 0.7rem 0.25rem rgba(85, 130, 3, 0.4) !important;
	color: #fff;
	background-color: #4A7402;
	border-color: #406602;
}

/* 포커스 및 체크 상태 */
.btn-check:focus+.btn-olivegreen,
.btn-olivegreen:focus {
	color: #fff;
	background-color: #4A7402;
	border-color: #406602;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(85, 130, 3, 0.1),
		0 0 0 0.2rem rgba(85, 130, 3, 0.4);
	outline: none;
}

/* 체크/액티브 상태 */
.btn-check:checked+.btn-olivegreen,
.btn-check:active+.btn-olivegreen,
.btn-olivegreen:active,
.btn-olivegreen.active,
.show>.btn-olivegreen.dropdown-toggle {
	color: #fff;
	background-color: #558203;
	border-color: #558203;
	box-shadow: inset 0 3px 5px rgba(85, 130, 3, 0.2);
}

.btn-check:checked+.btn-olivegreen:focus,
.btn-check:active+.btn-olivegreen:focus,
.btn-olivegreen:active:focus,
.btn-olivegreen.active:focus,
.show>.btn-olivegreen.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(85, 130, 3, 0.2),
		0 0 0 0.2rem rgba(85, 130, 3, 0.4);
}

/* 비활성화 상태 */
.btn-olivegreen:disabled,
.btn-olivegreen.disabled {
	color: #fff;
	background-color: #558203;
	border-color: #558203;
	opacity: 0.6;
	transform: none;
	box-shadow: none;
}

/* ---------------------------------------------- 
   CUSTOM BUTTON: btn-outline-olivegreen 
---------------------------------------------- */
.btn-outline-olivegreen {
	color: #558203;
	border-color: #558203;
	border-width: 2px;
	background-color: transparent;
	transition: all 0.2s ease-in-out;
}

/* hover 상태 */
.btn-outline-olivegreen:hover {
	color: #fff;
	background-color: #558203;
	border-color: #558203;
	transform: translateY(-1px);
	box-shadow: 0 0.15rem 0.6rem rgba(85, 130, 3, 0.25);
}

/* focus 상태 */
.btn-check:focus+.btn-outline-olivegreen,
.btn-outline-olivegreen:focus {
	box-shadow: 0 0 0 0.2rem rgba(85, 130, 3, 0.4);
	border-color: #558203;
}

/* checked / active 상태 */
.btn-check:checked+.btn-outline-olivegreen,
.btn-check:active+.btn-outline-olivegreen,
.btn-outline-olivegreen:active,
.btn-outline-olivegreen.active,
.btn-outline-olivegreen.dropdown-toggle.show {
	color: #fff;
	background-color: #558203;
	border-color: #558203;
	transform: translateY(0);
}

/* checked / active + focus 상태 */
.btn-check:checked+.btn-outline-olivegreen:focus,
.btn-check:active+.btn-outline-olivegreen:focus,
.btn-outline-olivegreen:active:focus,
.btn-outline-olivegreen.active:focus,
.btn-outline-olivegreen.dropdown-toggle.show:focus {
	box-shadow: inset 0 3px 5px rgba(85, 130, 3, 0.2),
		0 0 0 0.2rem rgba(85, 130, 3, 0.4);
}

/* 비활성화 상태 */
.btn-outline-olivegreen:disabled,
.btn-outline-olivegreen.disabled {
	color: #558203;
	background-color: transparent;
	opacity: 0.6;
	border-color: #558203;
}
 


/* ---------------------------------------------- CUSTOM BUTTON: btn-forest (#228B22 Forest Green) ---------------------------------------------- */
.border-forest {
	border-color: #228B22 !important;
}

.bg-forest {
	background-color: #228B22 !important;
}

.btn-forest {
	color: #fff;
	background-color: #228B22;
	border-color: #228B22;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075);
}

/* 기본 hover 상태 */
.btn-forest:hover {
	color: #fff;
	background-color: #1e7d1e;
	/* #228B22 → 약간 어둡게 */
	border-color: #1a6f1a;
}

/* -- BUTTON SHADOWS -- */
.btn-forest {
	box-shadow: 0 0 0 #228B22, 0 0 0 rgba(55, 60, 67, 0.25);
}

.btn-forest:hover {
	box-shadow: 0 0.1rem 0.5rem rgba(34, 139, 34, 0.5),
		0 0.25rem 1rem rgba(55, 60, 67, 0.2);
}

.btn-forest:active {
	box-shadow: 0 0 0.5rem #228B22, 0 0 0.75rem rgba(55, 60, 67, 0.2) !important;
}

.btn-forest:focus,
.btn-forest:active:focus {
	box-shadow: 0 0 0 1px #228B22, 0 0 0.7rem 0.25rem rgba(34, 139, 34, 0.4) !important;
	color: #fff;
	background-color: #1e7d1e;
	border-color: #1a6f1a;
}

/* 포커스 및 체크 상태 */
.btn-check:focus+.btn-forest,
.btn-forest:focus {
	color: #fff;
	background-color: #1e7d1e;
	border-color: #1a6f1a;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075), 0 0 0 0.15rem rgba(34, 139, 34, 0.5);
}

/* 체크/액티브 상태 */
.btn-check:checked+.btn-forest,
.btn-check:active+.btn-forest,
.btn-forest:active,
.btn-forest.active,
.show>.btn-forest.dropdown-toggle {
	color: #fff;
	background-color: #228B22;
	border-color: #228B22;
}

/* 체크/액티브 + 포커스 상태 */
.btn-check:checked+.btn-forest:focus,
.btn-check:active+.btn-forest:focus,
.btn-forest:active:focus,
.btn-forest.active:focus,
.show>.btn-forest.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(34, 139, 34, 0.5);
}

/* 비활성화 상태 */
.btn-forest:disabled,
.btn-forest.disabled {
	color: #fff;
	background-color: #228B22;
	border-color: #228B22;
	opacity: 0.65;
}

/* ---------------------------------------------- CUSTOM BUTTON: btn-outline-forest (#228B22 Forest Green) ---------------------------------------------- */
.btn-outline-forest {
	color: #228B22;
	border-color: #228B22;
}

/* hover 상태 */
.btn-outline-forest:hover {
	color: #fff;
	background-color: #228B22;
	border-color: #228B22;
}

/* focus 상태 */
.btn-check:focus+.btn-outline-forest,
.btn-outline-forest:focus {
	box-shadow: 0 0 0 0.15rem rgba(34, 139, 34, 0.5);
}

/* checked / active 상태 */
.btn-check:checked+.btn-outline-forest,
.btn-check:active+.btn-outline-forest,
.btn-outline-forest:active,
.btn-outline-forest.active,
.btn-outline-forest.dropdown-toggle.show {
	color: #fff;
	background-color: #228B22;
	border-color: #228B22;
}

/* checked / active + focus 상태 */
.btn-check:checked+.btn-outline-forest:focus,
.btn-check:active+.btn-outline-forest:focus,
.btn-outline-forest:active:focus,
.btn-outline-forest.active:focus,
.btn-outline-forest.dropdown-toggle.show:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(34, 139, 34, 0.5);
}

/* 비활성화 상태 */
.btn-outline-forest:disabled,
.btn-outline-forest.disabled {
	color: #228B22;
	background-color: transparent;
}



/* ---------------------------------------------- CUSTOM BUTTON: btn-moss (#4C6F37 Moss Green) ---------------------------------------------- */
.border-moss {
	border-color: #4C6F37 !important;
}

.bg-moss {
	background-color: #4C6F37 !important;
}

.btn-moss {
	color: #fff;
	background-color: #4C6F37;
	border-color: #4C6F37;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075);
}

/* 기본 hover 상태 */
.btn-moss:hover {
	color: #fff;
	background-color: #446531;
	/* #4C6F37 → 약간 어둡게 */
	border-color: #3c5b2b;
}

/* -- BUTTON SHADOWS -- */
.btn-moss {
	box-shadow: 0 0 0 #4C6F37, 0 0 0 rgba(55, 60, 67, 0.25);
}

.btn-moss:hover {
	box-shadow: 0 0.1rem 0.5rem rgba(76, 111, 55, 0.5),
		0 0.25rem 1rem rgba(55, 60, 67, 0.2);
}

.btn-moss:active {
	box-shadow: 0 0 0.5rem #4C6F37, 0 0 0.75rem rgba(55, 60, 67, 0.2) !important;
}

.btn-moss:focus,
.btn-moss:active:focus {
	box-shadow: 0 0 0 1px #4C6F37, 0 0 0.7rem 0.25rem rgba(76, 111, 55, 0.4) !important;
	color: #fff;
	background-color: #446531;
	border-color: #3c5b2b;
}

/* 포커스 및 체크 상태 */
.btn-check:focus+.btn-moss,
.btn-moss:focus {
	color: #fff;
	background-color: #446531;
	border-color: #3c5b2b;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075), 0 0 0 0.15rem rgba(76, 111, 55, 0.5);
}

/* 체크/액티브 상태 */
.btn-check:checked+.btn-moss,
.btn-check:active+.btn-moss,
.btn-moss:active,
.btn-moss.active,
.show>.btn-moss.dropdown-toggle {
	color: #fff;
	background-color: #4C6F37;
	border-color: #4C6F37;
}

/* 체크/액티브 + 포커스 상태 */
.btn-check:checked+.btn-moss:focus,
.btn-check:active+.btn-moss:focus,
.btn-moss:active:focus,
.btn-moss.active:focus,
.show>.btn-moss.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(76, 111, 55, 0.5);
}

/* 비활성화 상태 */
.btn-moss:disabled,
.btn-moss.disabled {
	color: #fff;
	background-color: #4C6F37;
	border-color: #4C6F37;
	opacity: 0.65;
}

/* ---------------------------------------------- CUSTOM BUTTON: btn-outline-moss (#4C6F37 Moss Green) ---------------------------------------------- */
.btn-outline-moss {
	color: #4C6F37;
	border-color: #4C6F37;
}

/* hover 상태 */
.btn-outline-moss:hover {
	color: #fff;
	background-color: #4C6F37;
	border-color: #4C6F37;
}

/* focus 상태 */
.btn-check:focus+.btn-outline-moss,
.btn-outline-moss:focus {
	box-shadow: 0 0 0 0.15rem rgba(76, 111, 55, 0.5);
}

/* checked / active 상태 */
.btn-check:checked+.btn-outline-moss,
.btn-check:active+.btn-outline-moss,
.btn-outline-moss:active,
.btn-outline-moss.active,
.btn-outline-moss.dropdown-toggle.show {
	color: #fff;
	background-color: #4C6F37;
	border-color: #4C6F37;
}

/* checked / active + focus 상태 */
.btn-check:checked+.btn-outline-moss:focus,
.btn-check:active+.btn-outline-moss:focus,
.btn-outline-moss:active:focus,
.btn-outline-moss.active:focus,
.btn-outline-moss.dropdown-toggle.show:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(76, 111, 55, 0.5);
}

/* 비활성화 상태 */
.btn-outline-moss:disabled,
.btn-outline-moss.disabled {
	color: #4C6F37;
	background-color: transparent;
}




/* ---------------------------------------------- CUSTOM BUTTON: btn-green (#70A343 Apple Green) ---------------------------------------------- */
.border-green {
	border-color: #70A343 !important;
}

.bg-green {
	background-color: #70A343 !important;
}

.btn-green {
	color: #fff;
	background-color: #70A343;
	border-color: #70A343;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075);
}

/* 기본 hover 상태 */
.btn-green:hover {
	color: #fff;
	background-color: #66933c;
	/* #70A343 → 약간 어둡게 */
	border-color: #5c8335;
}

/* -- BUTTON SHADOWS -- */
.btn-green {
	box-shadow: 0 0 0 #70A343, 0 0 0 rgba(55, 60, 67, 0.25);
}

.btn-green:hover {
	box-shadow: 0 0.1rem 0.5rem rgba(112, 163, 67, 0.5),
		0 0.25rem 1rem rgba(55, 60, 67, 0.2);
}

.btn-green:active {
	box-shadow: 0 0 0.5rem #70A343, 0 0 0.75rem rgba(55, 60, 67, 0.2) !important;
}

.btn-green:focus,
.btn-green:active:focus {
	box-shadow: 0 0 0 1px #70A343, 0 0 0.7rem 0.25rem rgba(112, 163, 67, 0.4) !important;
	color: #fff;
	background-color: #66933c;
	border-color: #5c8335;
}

/* 포커스 및 체크 상태 */
.btn-check:focus+.btn-green,
.btn-green:focus {
	color: #fff;
	background-color: #66933c;
	border-color: #5c8335;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075), 0 0 0 0.15rem rgba(112, 163, 67, 0.5);
}

/* 체크/액티브 상태 */
.btn-check:checked+.btn-green,
.btn-check:active+.btn-green,
.btn-green:active,
.btn-green.active,
.show>.btn-green.dropdown-toggle {
	color: #fff;
	background-color: #70A343;
	border-color: #70A343;
}

/* 체크/액티브 + 포커스 상태 */
.btn-check:checked+.btn-green:focus,
.btn-check:active+.btn-green:focus,
.btn-green:active:focus,
.btn-green.active:focus,
.show>.btn-green.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(112, 163, 67, 0.5);
}

/* 비활성화 상태 */
.btn-green:disabled,
.btn-green.disabled {
	color: #fff;
	background-color: #70A343;
	border-color: #70A343;
	opacity: 0.65;
}

/* ---------------------------------------------- CUSTOM BUTTON: btn-outline-green (#70A343 Apple Green) ---------------------------------------------- */
.btn-outline-green {
	color: #70A343;
	border-color: #70A343;
}

/* hover 상태 */
.btn-outline-green:hover {
	color: #fff;
	background-color: #70A343;
	border-color: #70A343;
}

/* focus 상태 */
.btn-check:focus+.btn-outline-green,
.btn-outline-green:focus {
	box-shadow: 0 0 0 0.15rem rgba(112, 163, 67, 0.5);
}

/* checked / active 상태 */
.btn-check:checked+.btn-outline-green,
.btn-check:active+.btn-outline-green,
.btn-outline-green:active,
.btn-outline-green.active,
.btn-outline-green.dropdown-toggle.show {
	color: #fff;
	background-color: #70A343;
	border-color: #70A343;
}

/* checked / active + focus 상태 */
.btn-check:checked+.btn-outline-green:focus,
.btn-check:active+.btn-outline-green:focus,
.btn-outline-green:active:focus,
.btn-outline-green.active:focus,
.btn-outline-green.dropdown-toggle.show:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(112, 163, 67, 0.5);
}

/* 비활성화 상태 */
.btn-outline-green:disabled,
.btn-outline-green.disabled {
	color: #70A343;
	background-color: transparent;
}




/* ---------------------------------------------- CUSTOM BUTTON: btn-teal (#2A7865 Teal Green) ---------------------------------------------- */
.border-teal {
	border-color: #2A7865 !important;
}

.bg-teal {
	background-color: #2A7865 !important;
}

.btn-teal {
	color: #fff;
	background-color: #2A7865;
	border-color: #2A7865;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075);
}

/* 기본 hover 상태 */
.btn-teal:hover {
	color: #fff;
	background-color: #266c5b;
	/* #2A7865 → 약간 어둡게 */
	border-color: #226051;
}

/* -- BUTTON SHADOWS -- */
.btn-teal {
	box-shadow: 0 0 0 #2A7865, 0 0 0 rgba(55, 60, 67, 0.25);
}

.btn-teal:hover {
	box-shadow: 0 0.1rem 0.5rem rgba(42, 120, 101, 0.5),
		0 0.25rem 1rem rgba(55, 60, 67, 0.2);
}

.btn-teal:active {
	box-shadow: 0 0 0.5rem #2A7865, 0 0 0.75rem rgba(55, 60, 67, 0.2) !important;
}

.btn-teal:focus,
.btn-teal:active:focus {
	box-shadow: 0 0 0 1px #2A7865, 0 0 0.7rem 0.25rem rgba(42, 120, 101, 0.4) !important;
	color: #fff;
	background-color: #266c5b;
	border-color: #226051;
}

/* 포커스 및 체크 상태 */
.btn-check:focus+.btn-teal,
.btn-teal:focus {
	color: #fff;
	background-color: #266c5b;
	border-color: #226051;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075), 0 0 0 0.15rem rgba(42, 120, 101, 0.5);
}

/* 체크/액티브 상태 */
.btn-check:checked+.btn-teal,
.btn-check:active+.btn-teal,
.btn-teal:active,
.btn-teal.active,
.show>.btn-teal.dropdown-toggle {
	color: #fff;
	background-color: #2A7865;
	border-color: #2A7865;
}

/* 체크/액티브 + 포커스 상태 */
.btn-check:checked+.btn-teal:focus,
.btn-check:active+.btn-teal:focus,
.btn-teal:active:focus,
.btn-teal.active:focus,
.show>.btn-teal.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(42, 120, 101, 0.5);
}

/* 비활성화 상태 */
.btn-teal:disabled,
.btn-teal.disabled {
	color: #fff;
	background-color: #2A7865;
	border-color: #2A7865;
	opacity: 0.65;
}

/* ---------------------------------------------- CUSTOM BUTTON: btn-outline-teal (#2A7865 Teal Green) ---------------------------------------------- */
.btn-outline-teal {
	color: #2A7865;
	border-color: #2A7865;
}

/* hover 상태 */
.btn-outline-teal:hover {
	color: #fff;
	background-color: #2A7865;
	border-color: #2A7865;
}

/* focus 상태 */
.btn-check:focus+.btn-outline-teal,
.btn-outline-teal:focus {
	box-shadow: 0 0 0 0.15rem rgba(42, 120, 101, 0.5);
}

/* checked / active 상태 */
.btn-check:checked+.btn-outline-teal,
.btn-check:active+.btn-outline-teal,
.btn-outline-teal:active,
.btn-outline-teal.active,
.btn-outline-teal.dropdown-toggle.show {
	color: #fff;
	background-color: #2A7865;
	border-color: #2A7865;
}

/* checked / active + focus 상태 */
.btn-check:checked+.btn-outline-teal:focus,
.btn-check:active+.btn-outline-teal:focus,
.btn-outline-teal:active:focus,
.btn-outline-teal.active:focus,
.btn-outline-teal.dropdown-toggle.show:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(42, 120, 101, 0.5);
}

/* 비활성화 상태 */
.btn-outline-teal:disabled,
.btn-outline-teal.disabled {
	color: #2A7865;
	background-color: transparent;
}








/* ---------------------------------------------- CUSTOM BUTTON: btn-chartreuse (#809139 Chartreuse) ---------------------------------------------- */
.border-chartreuse {
	border-color: #809139 !important;
}

.bg-chartreuse {
	background-color: #809139 !important;
}

.btn-chartreuse {
	color: #fff;
	background-color: #809139;
	border-color: #809139;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075);
}

/* 기본 hover 상태 */
.btn-chartreuse:hover {
	color: #fff;
	background-color: #748333;
	/* #809139 → 약간 어둡게 */
	border-color: #68752d;
}

/* -- BUTTON SHADOWS -- */
.btn-chartreuse {
	box-shadow: 0 0 0 #809139, 0 0 0 rgba(55, 60, 67, 0.25);
}

.btn-chartreuse:hover {
	box-shadow: 0 0.1rem 0.5rem rgba(128, 145, 57, 0.5),
		0 0.25rem 1rem rgba(55, 60, 67, 0.2);
}

.btn-chartreuse:active {
	box-shadow: 0 0 0.5rem #809139, 0 0 0.75rem rgba(55, 60, 67, 0.2) !important;
}

.btn-chartreuse:focus,
.btn-chartreuse:active:focus {
	box-shadow: 0 0 0 1px #809139, 0 0 0.7rem 0.25rem rgba(128, 145, 57, 0.4) !important;
	color: #fff;
	background-color: #748333;
	border-color: #68752d;
}

/* 포커스 및 체크 상태 */
.btn-check:focus+.btn-chartreuse,
.btn-chartreuse:focus {
	color: #fff;
	background-color: #748333;
	border-color: #68752d;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075), 0 0 0 0.15rem rgba(128, 145, 57, 0.5);
}

/* 체크/액티브 상태 */
.btn-check:checked+.btn-chartreuse,
.btn-check:active+.btn-chartreuse,
.btn-chartreuse:active,
.btn-chartreuse.active,
.show>.btn-chartreuse.dropdown-toggle {
	color: #fff;
	background-color: #809139;
	border-color: #809139;
}

/* 체크/액티브 + 포커스 상태 */
.btn-check:checked+.btn-chartreuse:focus,
.btn-check:active+.btn-chartreuse:focus,
.btn-chartreuse:active:focus,
.btn-chartreuse.active:focus,
.show>.btn-chartreuse.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(128, 145, 57, 0.5);
}

/* 비활성화 상태 */
.btn-chartreuse:disabled,
.btn-chartreuse.disabled {
	color: #fff;
	background-color: #809139;
	border-color: #809139;
	opacity: 0.65;
}

/* ---------------------------------------------- CUSTOM BUTTON: btn-outline-chartreuse (#809139 Chartreuse) ---------------------------------------------- */
.btn-outline-chartreuse {
	color: #809139;
	border-color: #809139;
}

/* hover 상태 */
.btn-outline-chartreuse:hover {
	color: #fff;
	background-color: #809139;
	border-color: #809139;
}

/* focus 상태 */
.btn-check:focus+.btn-outline-chartreuse,
.btn-outline-chartreuse:focus {
	box-shadow: 0 0 0 0.15rem rgba(128, 145, 57, 0.5);
}

/* checked / active 상태 */
.btn-check:checked+.btn-outline-chartreuse,
.btn-check:active+.btn-outline-chartreuse,
.btn-outline-chartreuse:active,
.btn-outline-chartreuse.active,
.btn-outline-chartreuse.dropdown-toggle.show {
	color: #fff;
	background-color: #809139;
	border-color: #809139;
}

/* checked / active + focus 상태 */
.btn-check:checked+.btn-outline-chartreuse:focus,
.btn-check:active+.btn-outline-chartreuse:focus,
.btn-outline-chartreuse:active:focus,
.btn-outline-chartreuse.active:focus,
.btn-outline-chartreuse.dropdown-toggle.show:focus {
	box-shadow: inset 0 3px 5px rgba(55, 60, 67, 0.125),
		0 0 0 0.15rem rgba(128, 145, 57, 0.5);
}

/* 비활성화 상태 */
.btn-outline-chartreuse:disabled,
.btn-outline-chartreuse.disabled {
	color: #809139;
	background-color: transparent;
}








/* ----------------------------------------------
CUSTOM BUTTON: btn-fullScreenTitle
Based on your existing button structure
---------------------------------------------- */
.bg-fullScreenTitle {
	background-color: #45b39d;
}

.text-fullScreenTitle {
	color: #45b39d;
}

.border-fullScreenTitle {
	border-color: #45b39d !important;
}

.btn-fullScreenTitle {
	color: #fff;
	background-color: #45b39d;
	border-color: #45b39d;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(55, 60, 67, 0.075);
}

/* 기본 hover 상태 */
.btn-fullScreenTitle:hover {
	color: #fff;
	background-color: #45b39d;
	border-color: #358579;
}

/* -- BUTTONS -- */
/* ---------------------------------------------- */
.btn-fullScreenTitle {
	box-shadow: 0 0 0 #45b39d, 0 0 0 rgba(55, 60, 67, 0.25);
}

.btn-fullScreenTitle:hover {
	box-shadow: 0 0.1rem 0.5rem rgba(69, 179, 157, 0.5),
		0 0.25rem 1rem rgba(55, 60, 67, 0.2);
}

.btn-fullScreenTitle:active {
	box-shadow: 0 0 0.5rem #45b39d, 0 0 0.75rem rgba(55, 60, 67, 0.2) !important;
}

.btn-fullScreenTitle:focus,
.btn-fullScreenTitle:active:focus {
	box-shadow: 0 0 0 1px #45b39d, 0 0 0.7rem 0.25rem rgba(69, 179, 157, 0.4) !important;
	color: #fff;
	background-color: #45b39d;
	border-color: #358579;
}







.fullContentBtn {
	background-color: #45b39d !important;
	text-align: left !important;
}

.fullContentBtnSplitChar {
	color: #186a3b;
	opacity: 0.3;
}


.plusMinusBtn {
	font-size: 1.9rem;
	height: unset;
	width: unset;
}


.bg-new-btn {
	background-color: #1d8348;
}

.bg-save-btn {
	background-color: #0e6655;
}
/* .btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0.4375rem;
  border-bottom-left-radius: 0.4375rem;
} */