@charset "utf-8";
:root { 
	--bs-csw-bg:#0d74c9;
	--bs-csw-bg2:#96c44e;
	--bs-body-font-size:1.1rem;
}
#main-content {background-color: #f5f9fb;background-image: radial-gradient(rgba(var(--bs-body-color-rgb),.1) 1px, transparent 0); background-size: 1rem 1rem}

a:hover {  transition: color 0.2s linear 0s;}
.form-control:focus, .form-select:focus { border-color: var(--bs-primary); box-shadow: 0 0 0 0.15rem var(--bs-primary);}
.btn-lg { --bs-btn-padding-y: 0.75rem; --bs-btn-font-size: 1rem;  }
.btn-lg[type="submit"] {--bs-btn-font-weight: 700}

/*navbar*/
#main-navbar {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);}
#main-navbar.fixed-top { animation: fadeInDown 0.4s ease-in-out; background-color:var(--bs-body-bg); flex-direction: column;}
#main-navbar .navbar-brand, #offcanvasRight .offcanvas-title  { font-weight:700;}
#main-navbar .navbar-brand small, .logo small, .offcanvas-title small {font-weight:normal; letter-spacing:-1px;font-size:.82rem}

#offcanvasRight .accordion-button {--bs-accordion-btn-padding-y:.75rem; letter-spacing:-1px; }
#offcanvasRight .accordion-button:not(.collapsed) { letter-spacing:-1px; font-weight:600 }
#offcanvasRight .accordion-button:focus { box-shadow: none }
#offcanvasRight .nav-link {--bs-nav-link-padding-y:.25rem }

/*추가수정필*/
#main-navbar-menu .dropdown-menu { border:none; border-radius:0; --animate-duration: 2s; }
#main-navbar-menu > li > a { font-size:1.25rem;font-weight: 500; letter-spacing:-1px; color: var(--bs-body-color)   }
#main-navbar-menu > li > a:hover {font-weight: 700;}

@media screen and (min-width:992px){
	/*추가수정필*/
	#main-navbar-menu > li {width:140px; text-align:center}
	#gnb-bg { position: absolute; z-index: 44;	top: 76px; left: 0; width: 100%; height: 199px !important; box-shadow: 0 .125rem .25rem rgba(0,0,0,.25);/* border-top:1px solid var(--bs-border-color); */ background: var(--bs-body-bg);  }
	#menu-mask { z-index: 40; width: 100vw; height: 100vh; position: fixed; top: 140px; left: 0; opacity: 0.45; background-color: #000;}

	#main-navbar-menu .dropdown-menu { text-align:center; letter-spacing:-1px; /*font-size:.95rem;*/ width:140px; --bs-dropdown-min-width:140px;  margin-top:-3px }
	#main-navbar-menu .dropdown-item {--bs-dropdown-item-padding-x:.25rem;--bs-dropdown-item-padding-y:.15rem;--bs-dropdown-item-border-radius: 5px;}
	#main-navbar-menu > li > a:focus .dropdown-menu, #main-navbar-menu > li:hover .dropdown-menu { background:var(--bs-primary-bg-subtle); height: 200px; }
	#main-navbar-menu > li > a:focus, #main-navbar-menu > li:hover { background:var(--bs-primary-bg-subtle); }
}

@media (max-width: 991.98px) { 
	#main-navbar-menu li:hover:not(.dropdown-submenu) > .dropdown-menu, #main-navbar-menu a:focus + .dropdown-menu, #main-navbar-menu a.show + .dropdown-menu { border-left:3px solid var(--bs-caritas); border-radius:0; } 
}

#bdNavbar:not(.showing):not(.show) .navbar-nav > .nav-item > a { padding: 1.5rem .65rem;}
#bdNavbar .dropdown-submenu { position:relative; }
#bdNavbar .dropdown-submenu>.dropdown-menu { top:0; left:100% }
#bdNavbar.show .dropdown-menu, #bdNavbar.show .dropdown-submenu { border:0; box-shadow:none !important; padding-top:0;  }

#bdNavbar.show .dropdown-submenu .dropdown-menu {margin-left:.75rem;margin-right:.75rem; box-shadow:none !important }

/**/
.nav-pills-custom .nav-link, .nav-pills-custom .show > .nav-link { color: #6c757d; padding: .25rem .75rem; margin-right:.5rem; border:1px solid transparent }
.nav-pills-custom .nav-link.active, .nav-pills-custom .show > .nav-link { background-color:transparent; border:1px solid #777}

/*navbar search*/
.search-inline { width: 100%; height: 100%; transition: all .5s ease-in-out; background:var(--bs-body-bg) }
.search-inline.show { left: 0; top: -2px;padding: 0;border: 0;border-radius: 0; animation: fadeInDown 0.4s ease-in-out; }
.search-inline button[type="submit"] { position: absolute;top: 0;right: 80px;width: 80px;height: 100%;padding: 0px;border: 0px;background: #343a40;color: #fff; }
.search-inline .form-control {position: absolute;left: 0;top: 0;height: 100%;width: 100%;border: 0px;border-radius:0; font-size: 1.2rem;box-shadow: none;}
.search-inline .search-close { position: absolute; top: 0; right: 0; color: #616161; width: 80px; height: 100%; text-align: center; display: table; background: #efefef; text-decoration: none; border:0 }
@media screen and (max-width: 767px) { 
	.search-inline button[type="submit"] { right: 50px;width: 50px; }
	.search-inline .search-close { width: 50px; }
}
.blockquote {border-left: .5rem solid #ddd;padding-left: 1rem;border-radius: .75rem;font-size: 1.1rem;}

.under-title{position:relative; z-index:0; margin-left: .5rem; }
.under-title:before { position: absolute; left: 50%; transform: translate(-50%,50%);bottom: .5rem; width: calc(100% + 1rem);height: .8rem; border-radius: .3rem; content: ""; background: var(--bs-csw-bg2); opacity: .3; z-index: -1; transition: .2s;}

[data-ani] {opacity:0; }
.note-editable [data-ani] {opacity:inherit }
/*ripple*/
.ripple-effect { margin-top: 0; margin-left: 0; width: 1px;  height: 1px; }
/*preloader*/
#preloader { position: fixed; width: 100%; height: 100vh; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; z-index: 999999;background-color:var(--bs-body-bg); transition: opacity 1.25s; }
#preloader .spinner-border { width:4rem; height:4rem; --bs-spinner-animation-speed:.5s; --bs-spinner-border-width:.2em; animation-timing-function: cubic-bezier(.65,.05,.36,1); border-color:var(--bs-csw-bg); border-top-color:var(--bs-csw-bg2); }

/*dark mode*/
[data-bs-theme="dark"] #main-content { background-color:var(--bs-body-bg) !important}
[data-bs-theme="dark"] .bg-white { background-color:var(--bs-gray-dark) !important}
[data-bs-theme="dark"] .text-dark {color:var(--bs-body-color) !important}
[data-bs-theme="dark"] .btn-outline-dark, [data-bs-theme="dark"] .btn-dark  { --bs-btn-color: #fff;  --bs-btn-border-color: #6c757d;  --bs-btn-hover-color: #fff;  --bs-btn-hover-bg: #111;  --bs-btn-hover-border-color: #6c757d;  --bs-btn-focus-shadow-rgb: 108, 117, 125;  --bs-btn-active-color: #fff;  --bs-btn-active-bg: #6c757d;  --bs-btn-active-border-color: #6c757d;  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);  --bs-btn-disabled-color: #6c757d;  --bs-btn-disabled-bg: transparent;  --bs-btn-disabled-border-color: #6c757d;  --bs-gradient: none;	}
[data-bs-theme="dark"] .bg-light, [data-bs-theme="dark"] .badge.bg-dark  {background-color:var(--bs-tertiary-bg) !important}
[data-bs-theme="dark"] .text-bg-light{background-color:var(--bs-tertiary-bg) !important; color:var(--bs-body-color) !important;}
[data-bs-theme="dark"] .btn-light  {--bs-btn-bg: var(--bs-tertiary-bg); --bs-btn-color:var(--bs-body-color); }
[data-bs-theme="dark"] .table-light  {--bs-table-color:var(--bs-body-color); --bs-table-bg:var(--bs-tertiary-bg) !important}
[data-bs-theme="dark"] .table-bordered > :not(caption) > * > * { border-width: 0;}
[data-bs-theme="dark"] #main-navbar.fixed-top {box-shadow: 0px 1px 0px rgba(255,255,255,.2) !important;} 
[data-bs-theme="dark"] #main-navbar.fixed-top .dropdown-menu { box-shadow: 0px 1px 1px rgba(255,255,255,.2) !important;}
[data-bs-theme="dark"] #main-navbar.fixed-top .dropdown-submenu .dropdown-menu { box-shadow: 1px 1px 1px 1px rgba(255,255,255,.2) !important;}

[data-bs-theme="dark"] .ql-toolbar button svg, [data-bs-theme="dark"] .ql-toolbar .ql-picker { filter: invert(1); }

[data-bs-theme="dark"] .note-editor, [data-bs-theme="dark"] .note-editable, [data-bs-theme="dark"] .note-toolbar, [data-bs-theme="dark"] .note-dropdown-menu, [data-bs-theme="dark"] .dropdown-menu { background-color: var(--bs-body-bg); color: var(--bs-body-color); border-color:var(--bs-border-color); }
[data-bs-theme="dark"] .note-btn { background-color: var(--bs-secondary-bg); color: var(--bs-body-color); border-color: var(--bs-border-color); }
[data-bs-theme="dark"] .note-btn:hover, [data-bs-theme="dark"] .note-btn.active, [data-bs-theme="dark"] .note-btn:focus, [data-bs-theme="dark"] .note-modal-content, [data-bs-theme="dark"] .note-modal-content * { background-color: var(--bs-tertiary-bg);  border-color: var(--bs-border-color); color:var(--bs-body-color); }
[data-bs-theme="dark"] .note-dropdown-menu a {color: var(--bs-body-color);}