body {
    padding-top: 0;
}
.navbar {
    margin-bottom: 20px;
}
.form-group {
    margin-bottom: 15px;
}
/* Navbar item hover effect */
.navbar-nav .nav-item .nav-link {
    position: relative;
    z-index: 1;
}
.navbar-nav .nav-item .nav-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(128, 128, 128, 0.2);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
}
.navbar-nav .nav-item:hover .nav-link::before {
    opacity: 1;
}
/* Dropdown hover styles */
/* @media (min-width: 923px) { */
    .dropdown-menu {
        display: none;
    }
    .dropdown:hover > .dropdown-menu {
        display: block;
    }
    .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }
    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
/* } */

/* Light mode styles */
[data-bs-theme="light"] {
    color: #333;
}
[data-bs-theme="light"] .navbar {
    background-color: #f8f9fa !important;
}
[data-bs-theme="light"] .navbar-light .navbar-nav .nav-link {
    color: #333;
}
[data-bs-theme="light"] .navbar-light .navbar-nav .nav-link:hover,
[data-bs-theme="light"] .navbar-light .navbar-nav .nav-link:focus {
    color: #000;
}
[data-bs-theme="light"] .dropdown-menu {
    background-color: #fff;
    color: #333;
}
[data-bs-theme="light"] .dropdown-item {
    color: #333;
}
/* Dark mode styles */
[data-bs-theme="dark"] {
    color: #fff;
}
[data-bs-theme="dark"] .navbar .navbar-collapse {
    background-color: #222 !important;
}
[data-bs-theme="dark"] .navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.75);
}
[data-bs-theme="dark"] .navbar-dark .navbar-nav .nav-link:hover,
[data-bs-theme="dark"] .navbar-dark .navbar-nav .nav-link:focus {
    color: #fff;
}
[data-bs-theme="dark"] .dropdown-menu {
    background-color: #222;
    color: #fff;
}
[data-bs-theme="dark"] .dropdown-item {
    color: #fff;
}
[data-bs-theme="dark"] .btn-close .mobile-menu-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}
.navbar-mobile {
    display: none;
}
.navbar-brand {
    /* padding-top: 0; */
}
/* @media (max-width: 922px) { */
    /* .navbar-brand { */
        /* display: none; */
    /* } */
    /* .navbar-mobile { */
        /* position: relative; */
        /* display: flex; */
        /* align-items: center; */
        /* height: 50px; */
        /* width: 100%; */
        /* overflow: hidden; */
    /* } */
    /* .navbar-mobile { */
        /* display: inline-flex; */
    /* } */
    /* .title-mobile { */
        /* display: block; */
        /* white-space: nowrap; */
        /* padding: 10px 1em 0 10px; */
        /* text-decoration: none; */
        /* color: inherit; */
    /* } */
    /* .mobile-menu-close { */
        /* position: absolute; */
        /* right: 15px; */
        /* top: 50%; */
        /* transform: translateY(-50%); */
        /* border: none; */
        /* cursor: pointer; */
    /* } */
    /* .navbar-collapse { */
        /* position: fixed; */
        /* top: 0; */
        /* left: -250px; */
        /* width: 250px; */
        /* height: 100%; */
        /* background-color: #f8f9fa !important; */
        /* transition: left 0.3s ease; */
        /* z-index: 999; */
    /* } */
	/* .bi-top { */
		
        /* padding-left: 10px;  /* 메뉴를 10px 오른쪽으로 이동 */ */
	/* } */
    /* .navbar-collapse.show { */
        /* left: 0; */
    /* } */
    /* .navbar-toggler .navbar-mobile-toggler { */
        /* position: absolute; */
        /* left: 10px; */
        /* top: 10px; */
    /* } */
    /* .nav-link { */
        /* cursor: pointer; */
    /* } */
    /* .dropdown-menu { */
        /* display: none; */
    /* } */
    /* .dropdown-menu.show { */
        /* display: block; */
    /* } */
    /* .dropdown-submenu > .dropdown-menu { */
        /* padding-left: 15px; */
    /* } */
    /* .navbar-nav .dropdown-menu { */
        /* width: calc(100% - 10px);  /* 하위 메뉴의 너비를 10px 줄임 */ */
        /* margin-left: 5px;  /* 왼쪽 여백 5px 추가 */ */
    /* } */
/* } */

/* 추가된 스타일 */
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

/* .dropdown-submenu > .dropdown-toggle::after { */
    /* transform: rotate(-90deg); */
    /* position: absolute; */
    /* right: 6px; */
    /* top: 50%; */
/* } */



[data-bs-theme="dark"] .sort-link {
	color: white;
	text-decoration: none;
	cursor: pointer;
}
[data-bs-theme="dark"] .sort-link:hover {
	text-decoration: none;
	color: white;
}

[data-bs-theme="light"] .sort-link {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
[data-bs-theme="light"] .sort-link:hover {
	text-decoration: none;
	color: black;
}

.title-h1{
	margin-bottom: 30px;
}