@charset "UTF-8";

@font-face{
    font-family: 'SpoqaHanSansNeo-Bold';
    src: url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.eot');
    src:
            url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.ttf') format('truetype'),
            url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff') format('woff'),
            url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff2') format('woff2');
}
@font-face{
    font-family: 'SpoqaHanSansNeo-Light';
    src: url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.eot');
    src:
            url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.ttf') format('truetype'),
            url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff') format('woff'),
            url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff2') format('woff2');
}
@font-face{
    font-family: 'SpoqaHanSansNeo-Medium';
    src: url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.eot');
    src:
            url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.ttf') format('truetype'),
            url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff') format('woff'),
            url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff2') format('woff2');
}

@font-face{
    font-family: 'SpoqaHanSansNeo-Regular';
    src: url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.eot');
    src:
            url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.ttf') format('truetype'),
            url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff') format('woff'),
            url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff2') format('woff2');
}

@font-face{
    font-family: 'SpoqaHanSansNeo-Thin';
    src: url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.eot');
    src:
            url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.ttf') format('truetype'),
            url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff') format('woff'),
            url('/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff2') format('woff2');
}

@font-face{
	font-family :'Montserrat-Bold';
	src : url('/fonts/Montserrat/Montserrat-Bold.ttf')
}
@font-face{
	font-family :'Montserrat-Light';
	src : url('/fonts/Montserrat/Montserrat-Light.ttf')
}
@font-face{
	font-family :'Montserrat-Medium';
	src : url('/fonts/Montserrat/Montserrat-Medium.ttf')
}
@font-face{
	font-family :'Montserrat-SemiBold';
	src : url('/fonts/Montserrat/Montserrat-SemiBold.ttf')
}
@font-face{
	font-family :'Montserrat-Thin';
	src : url('/fonts/Montserrat/Montserrat-Thin.ttf')
}

.score {
	background: #F5F4F2;  
	/* position: relative; */
}

.section {
	margin-top : .7rem;
}

.score-card {
    position: relative;
    background: #fff;
    border-radius: 0.25rem;
}

.score-page-title {
    /* font-size: 1.5rem; */ /*0206*/
    font-family: 'Montserrat-Bold'; /*0206*/
    font-weight: bolder;
    margin-bottom: 1.5rem;
    color : #334255;
    line-height: 58px;
    letter-spacing: -0.96px;
}

.shsonglist-title {
    font-size: 1.25rem; /*0206*/
    font-family: 'Montserrat-Bold'; /*0206*/
    font-weight: bolder;
    /* margin-bottom: 1.5rem; */
    color : #334255;
    /* line-height: 58px; */
    letter-spacing: -0.96px;
}

.score-font {
	/* font-size :.875rem; 0206*/
	/* color : #334355; */ /*0206*/
	font-size :1rem; /*0206*/
	color :#7A7A7A; /*0206*/
	font-family: 'SpoqaHanSansNeo-Regular'; /*0206*/
	line-height: 21px;
    letter-spacing: -0.16px;
}

.main-color-1 {
	color : #334255;
}

.score-font-bold {
	font-weight: bold;
}
.song_title {
    /* font-size: 18px;  */ /*0206*/
    width: 88%;
    margin-bottom: 1rem;
}

.primary-link {
    /* color: #314047; */
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    font-family : 'Montserrat-Bold';
    color : #334255;
    font-size: 1.25rem; /*0206*/
    line-height : 1.5rem; /*0206*/
    letter-spacing: -0.03125rem;
}

.flex-sm-fill.text-sm-center.nav-link, .show-brief/*, input::placeholder*/ {
	/* font-size : 0.875rem;  0206*/
	font-size : 1rem;	
	font-family: 'SpoqaHanSansNeo-Regular'; /*0206*/
	line-height: 21px;
    letter-spacing: -0.16px;
} 

.search-select, .search-txt, .edit-input, .edit-input2 {
	font-size :1rem; /*0206*/
	color :#7A7A7A; /*0206*/
	font-family: 'SpoqaHanSansNeo-Regular'; /*0206*/
	line-height: 21px;
    letter-spacing: -0.16px;	
}

.song-info {
	font-size :1.125rem; /*0206*/
	color :#7A7A7A; /*0206*/
	font-family: 'SpoqaHanSansNeo-Regular'; /*0206*/
	/* font-weight: 500; */
	line-height: 22px;
    letter-spacing: -0.18px;
}

.auto-search-title {
	font-size :1rem;
}
.auto-search-info {
	font-size :.79rem; /*.9*/
	/* color :#7A7A7A; */
	color : #a6a6a6 ;
}
.wrter-album-info {
	text-align: left!important;
}

.btn-search-all svg, .show-more svg, .filter_btn svg, .tablet_sort svg, .mob_sort svg{
	width : 18px;
}


/*.btn,*/ .orders-table-tab .nav-link, .score-btn1 {
	/* color : #334355; */ /*0206*/
	color :#7A7A7A; /*0206*/
} 

a:hover {
    color: #F4B13B
}

.bg-badge-bora {
	/* background-color: #a486ce; */
	background-color:#CBB2ED;
}

.bg-badge-red {
	/* background-color: #ce8f86; */
	background-color:#FFD6D6;
}

.bg-badge-orange {
	/* background-color: #e1a872; */
	background-color:#FDDEC8;
}

.bg-badge-yondo {
	/* background-color: #c6ce86; */
	background-color:#BFE6CF;
}

.bg-badge-chungrok {
	/* background-color: #93d0b4; */
	background-color:#C6DAE3;
}

.bg-badge-parang {
	/* background-color: #86a9ce; */
	background-color:#C0D4F4;
}

.bg-badge-brown {
	background-color:#E5D6C8;
}

.bg-badge-yellow {
	background-color:#FFF3B0;
}

.sc-mv, .sc-type, .sc-lyrics {
	cursor: pointer;
	/* font-size: 14px; */
	margin-top: 0.25rem!important;
	--bs-badge-border-radius : 4px;
}

.sc-lyrics, .sc-type {
	/* width: 46px; 0206*/
	width: 63px;
	padding: 6px;
    /* height: 30px; */
	color : #334255;
	font-size : 0.875rem;	
	font-family: 'SpoqaHanSansNeo-Regular'; /*0206*/
	line-height: 18px;
    letter-spacing: -0.14px;
    font-weight: lighter
    
}

.add-data, .filter-option-inner-inner {
	/* width: 70px; */
	/* padding: 6px 10px; */
	color : #334255;
	font-size : 0.875rem;	
	font-family: 'SpoqaHanSansNeo-Regular'; /*0206*/
	line-height: 18px;
    letter-spacing: -0.14px;
    font-weight: lighter
    
}

.sc-mv {
/* 	width: 72px; */
	width: fit-content;
	padding: 8.5px;
	color : #334255;
	/* font-size : 0.75rem;	 */
	font-size : 0.875rem;
	font-family: 'SpoqaHanSansNeo-Regular'; /*0206*/
	line-height: 15px;
    letter-spacing: -0.12px;
    font-weight: lighter
}

span.badge.sc-mv.bg-badge-bora {
	/* width: 83px; */
	width: fit-content;
}
.score-card, .form-control, .form-select, .score-btn1,/*.btn,*/ .nav {
	/* background-color : #F5F4F2; */
	background-color : #FFFFFF;
	border: 1px solid #D7C7B8; /*#EBE3DC*/
}

.orders-table-tab .nav-link.active {
    color: #F4B13B;
    border-bottom: 2px solid #F4B13B;
}

.orders-table-tab .nav-link:hover {
    background: #FBFBEF; /*#edfdf6*/
    color:#CFAA80
}

.score-btn1:hover {
    color: #F4B13B;
    background-color: var(--bs-btn-hover-bg);
    border-color: #F4B13B
}

.b-favorite, .f-favorite {
	cursor : pointer;
	font-size : large;
}

svg.fa-youtube {
	font-size : 14px; 
}

.songlist {
	font-size : .9rem;
	background-color : var(--bs-body-bg);;
}

.action-icon {
	/* font-size : smaller; */
}

.bg-gnb {
	/* background: #F9F9F2 0% 0% no-repeat padding-box; */
	box-shadow: 0px 4px 10px #00000029;
	background-color : rgba(249,249,242,0.4) !important
}

img {
    width: auto;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border-style: none;
}

.navbar-toggler, .navbar-toggler:active, .navbar-toggler:focus { 
	border: none !important; box-shadow: none !important; 
}

.score-btn1, .fv-btn, .hs-btn, .filter_btn, .btn-search-all, #sort_icon, #sort_icon_mob {
	/* padding: 0.58rem 0.8rem; */
	padding: 0.5rem 0.7rem;
}
a, a:hover, a:focus, a:before, a:after {
    outline: none;
    text-decoration: none;
}
		
.favorite-icon a {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    /* border: 1px solid #eff0f2;
    border-radius: 6px; */
    color: rgba(173,181,189,.55);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.song-list-box .favorite-icon {
    position: absolute;
    /* right: 24px;
    top: 16px; */
    right: 42px; /*30*/
    top: 15px;
    /* 22 */
}

.menu-icon {
	position: absolute;
  		right: 4px;
  		top: 15px;
  		/* 22 */
}

.filler-form.w-1{
	width :33.333%;
}
.filter-row2 .filler-form.w-2{
	width :50%;
}

.search-form .btn-search { 
	background: none;
    border: none;
    position: absolute;
    right: 3px;
    top: 1px;
    margin-right: 0;
    padding: 0.5rem 0.5rem;
    /* padding: 0.5rem 1rem; */
}

.search-form .btn-txt-erase{ 
	background: none;
    border: none;
    position: absolute;
    right: 76px;
    top: 1px;
    margin-right: 0;
    padding: 0.5rem 0.5rem;
    /* padding: 0.5rem 1rem; */
}


.search-select, .show-brief{
	height: 42px;	
}

.songlist-save {
	position: absolute;
    right: 22px;
    text-align: center; 
    width: 50px;
    top: 14px;
    z-index: 10;
    font-size: x-large;
    cursor: pointer;
}

.list-menu-drop .no-toggle-arrow {
    position: absolute;
    left: -10px;
    text-align: center; 
    width: 50px;
    height: 40px;
    top: 12px;
    z-index: 10;
}

@media(min-width: 992px){
	
	.filter_btn, .show-more{
		display: none;
		height : 0;
	}
	.search-form .btn-search {
		right: 3px;
	}
	.search-form .btn-txt-erase {
		right: 26px;
	}
	.search-line {
		display : flex;
	}
	 .order-row.hide {
		display : flex; 
	}
	
	.info-lable {
		display :'';
	}
}

@media(max-width: 991.98px){
	
	.sc-info span{
		
		/* font-size :.75rem;
		padding-top: 0.4rem */
	}
	
	.info-lable {
		display :none;
	}
	.filter_btn, .show-more {
		display: block;
	}
	.search-form .btn-search {
		right: 53px;
	}
	
	.filter-row.hide, .order-row.hide {
		display : none; 
	}
	
	.search-line {
		display : '';
	}

	.filter-row {
		margin-top: 0.25rem!important;
	}	
}

@media(min-width: 768px) {
	
	div.filler-form.w-2:first-child {
		/* margin-left : 3px */
		margin-left : 2px
	}
	
} 

/* 767 766.97px 768px*/
/* @media(max-width: 766.97px) { */
@media(max-width: 766.97px) {
	/* .filter_btn {
		display: block;
	}*/
	div.filler-form.w-2:first-child {
		/* margin-left : 50px */
		margin-left : 44px;
	}
	
	.filter-row2 {
		margin-top: 0.25rem!important;
	}
	
	.wrter-album-info {
		text-align: right!important;
	}
	
	.lyr-file-info {
		margin-top: 0.8rem!important;
	}
}

/* 579 */
/* @media(min-width: 682px) { */
@media(min-width: 715px) {
	.mob_sort {
		display: none;
		height: 0%;
	}

	.songlist-title {
		display: flex;
	}
	
	.m-songlist-title {
		display : none;
	}
}

/* 575 578.98*/ 
/* @media(max-width: 681.98px) { */
@media(max-width: 714.98px) {
	.mob_sort {
		display: block;
	}
	/*.app-nav-tabs,*/ .orders-table-tab, .tablet_sort {
		display: none;
		height : 0;
		width :0; 
	}
	
	.songlist-title {
		display: none;
	}
	
	.m-songlist-title {
		display : block;
	}
}

@media (min-width: 576px) {
	/* .songlist-title {
		display: flex;
	}
	
	.m-songlist-title {
		display : none;
	} */
}

@media(max-width: 575.98px) {
	
	div.search-form {
		width: 100%;
	}
	
	.primary-link {
    /* color: #314047; */
	    -webkit-transition: all .5s ease;
	    transition: all .5s ease;
	    font-family : 'Montserrat-Bold';
	    color : #334255;
	    font-size: 1rem; 
	    line-height : 19px; /*0206*/
	    letter-spacing: -0.4pt;
	}
	
	.search-select, .song-info, .show-brief {
		font-size :0.875rem; /*0206*/
		color :#7A7A7A; /*0206*/
		font-family: 'SpoqaHanSansNeo-Regular'; /*0206*/
		line-height: 18px;
	    letter-spacing: -0.14px;	
	}
	
	.search-txt, .edit-input, .edit-input2 {
		font-size :0.8125rem; 
		color :#7A7A7A; 
		font-family: 'SpoqaHanSansNeo-Regular'; 
		line-height: 17px;
	    letter-spacing: -0.13px;	
	}
	
	span.sec-title {
		font-size :0.8125rem; 
		color :#334255; 
		font-family: 'Montserrat-Bold'; 
		line-height: 16px;
	    letter-spacing: -0.33px;
	}
	
	.sc-lyrics, .sc-type {
		width: 61px; /*49px*/
		color : #334255;
/* 		font-size : 0.625rem;	 */
		font-size : 0.8125rem;	
		font-family: 'SpoqaHanSansNeo-Regular'; /*0206*/
	    font-weight: lighter;
		line-height: 13px;
	    letter-spacing: -0.1px;

		padding: 6px;
	    
	}
	
	.add-data, .filter-option-inner-inner, ul.dropdown-menu {
		color : #334255;
		/* font-size : 0.625rem;	 */
		font-size : 0.8125rem;	
		font-family: 'SpoqaHanSansNeo-Regular'; /*0206*/
	    font-weight: lighter;
		line-height: 13px;
	    letter-spacing: -0.1px;
		/* padding: 6px 10px; */
        /* width: 64px; */
	    
	}
		
	.sc-mv {
		/* width: 61px; */
		width: fit-content;
		padding: 6.5px;
		color : #334255;
		/* font-size : 0.625rem; */
		font-size : 0.8125rem;		
		font-family: 'SpoqaHanSansNeo-Regular'; /*0206*/
		line-height: 13px;
	    letter-spacing: -0.1px;
	    font-weight: lighter
	}
	
	span.badge.sc-mv.bg-badge-bora {
/* 		width: 71px; */
		width: fit-content;
	}
	
	/* .songlist-title {
		display: none;
	}
	
	.m-songlist-title {
		display : block;
	} */
	
	.songlist-save { 
	    top: 24px;
	}
	
	.list-menu-drop .no-toggle-arrow {
	    top: 24px;
	}
	
	.auto-search-title {
		font-size :.89rem;
	}
	.auto-search-info {
		font-size :.75rem; /**/
	}
	.fas.fa-check {
		font-size :.7rem;
	}
}

.text-muted {
    /* font-size : 1rem; */
    font-size : .93rem;
    color :#7A7A7A;
}

.v-md {
	vertical-align: middle;
}



.show-brief {
	min-width: 76px
}

.flex-sm-fill svg, .favorite-icon svg/*, .app-btn-secondary svg*/ {
	width : 16px;
}


.fa-down-long {
	font-size:initial;
}  

.search-form {
    position: relative;
}
 
.search-form .btn-search:active,.search-form .btn-search:focus,.search-form .btn-search:hover {
    outline: none !important;
    color: #F4B13B;
    box-shadow: none
}



.fv-btn svg, .hs-btn svg {
	width : 20px;
	height : 20px;
}

.flex-sm-fill.nav-link {
	font-weight: 400;
}



.popover {
    --bs-popover-max-width: 476px;
    --bs-popover-header-bg : #EAE9E5;
 }
.popover-header {
	font-size : .875rem;
}
.style-w-30 {
	width: 30%;  
}

.form-check-input:checked {
    background-color: #ad7f52;
    border-color: #ad7f52;
}

body {
  /* min-height: 75rem;
  padding-top: 4.5rem; */
	height : 100vw;
}

.ic--round-home {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.mgn-l-2 {
	margin-left : 2px;
}
.mgn-r-2 {
	margin-right : 2px;
}

.dropdown-toggle.no-toggle-arrow:after{display:none !important}

.item-data, .item-data .sc-info {
	font-family : 'SpoqaHanSansNeo-Regular'
}

.info-lable {
	width : 64px; /*56*/
}

.score-btn2 {
	background-color: transparent;
    /* border-radius: 0.4166666667vw; */
    border-radius: 5px;
    border: 1px solid #334255;
    /* padding: 0.7291666667vw 2.604166667vw; */
    padding: 7px 12px;
    line-height: 1.222222222;
    width: fit-content;
}

.score-btn4 {
	background-color: transparent;
    border-radius: 5px;
    border: 1px solid #334255;
    line-height: 1.222222222;
    width: fit-content;
}

/* .score-btn2.action {
    font-family: 'SpoqaHanSansNeo-Bold', Sans-serif;
    color: #334255;
    font-size: 0.9375vw;
} */
.score-btn2:hover, .score-btn3:hover, .score-btn4:hover {
	background-color: #334255;
	color: #EAE1D8;
}

.score-btn2-hover {
	background-color: #334255;
	color: #EAE1D8;
}

.score-btn3 {
	background-color: transparent;
    border-radius: 0.4166666667vw;
    padding: 0.7291666667vw 2.604166667vw;
    line-height: 1.222222222;
    width: fit-content;
}

.score-btn5 {
            background: linear-gradient(135deg, #2c3e50, #34495e);
            color: white;
            box-shadow: 0 4px 15px rgba(44, 62, 80, 0.3);
        }

.score-btn5:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(44, 62, 80, 0.4);
}

.accordion {
	--bs-accordion-btn-icon-width: .9rem;
	--bs-accordion-btn-padding-x: 1.2rem;
	/* --bs-accordion-active-bg: #87a2b95e; */
	--bs-accordion-active-bg: #eedec1;
	--bs-accordion-btn-focus-border-color: #BCAD9Fc9;
  	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem #bcad9f8cc9;
  	--bs-accordion-btn-bg: #bcad9f60;
}
.songlist-card {
	position: relative;
}
.menu-icon {
	position: absolute;
  	right: 18px; /*12px*/
  	top: 12px;
  		/* 22 */
}
.list-menu {
	position: relative;
	margin-bottom: 1px;
}


.songlist-group {
	position: relative;
}


.songlist-song-title {
	color : #334355; 
	font-weight : 500;
	font-size : 0.98rem;
	margin-top : 0;
	margin-bottom: 0.5rem;
	line-height: 1.2;
}

.accordion-body  {
	background-color: #F5F4F2;
}

svg {
	cursor: pointer;
}


.edit-input2 {
	display: inline-block;
	/* width: 50px; */
  		height: 2rem;
  		padding: 0.3rem 0.5rem;
}

div.input-group.d-flex svg {
	margin-left: 5px;
}

.form-control:focus {
	box-shadow: inset 0 0 0 1px #EBE3DC, 0 0 3px 1px #eddfd0;
	border-color : #EBE3DC;
    outline: none;
}

input[type=search].h-100 {
	padding-right: 36px;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
	-webkit-appearance: none;
	-moz-appearance: none;
  	appearance: none;
	width: 18px; 
	height: 18px;
   	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1rem' height='1rem' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%237A7A7A' stroke-width='2'%3E%3Cpath d='M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0Z'/%3E%3Cpath stroke-linecap='round' d='m9 15l6-6m0 6L9 9'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
    cursor: pointer;
}

[type="search"]::-webkit-search-decoration {
  appearance: none;
  display: none;
}

.ui-menu-item div.ui-state-hover,
.ui-menu-item div.ui-state-active,
.ui-menu-item div.ui-state-active span {
  color: #ffffff;
  text-decoration: none;
  background-color: #bcac9f; /*#D7C7B8 #f6B664*/
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-image: none;
  border:none;
}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 0.6em 3px 0.6em;
}

#levites_header .gnb-content{
    padding: 26px 0;
}

body.score picture{
    height: 36.45833333vw;
    /* z-index: 1; */
    position: relative;
    display: block;
}

body.score picture img{
	/* header score_bg*/
    content: url('https://levitesscore.org/img/header.png');
    width: 100%;
}

.score-wrapper{
    /* z-index: 2; */
    position: relative;
    margin-top: -15.625vw;
    border-radius: 8.333333333vw 8.333333333vw 0 0;
    background-color: #F5F4F2;
    box-shadow: -6px -10px 20px #0000000D;
}

div .offcanvas {
	background-color : #eae9e5;
}

.offcanvas.offcanvas-end {
	width : 350px;	
}

.logo {
	padding-left : 1rem;
	padding-top: .8rem;
	padding-bottom: .8rem;
}

.logo img{
	width: 209px;
    height: 20px;
}

.logo .title{
	margin-left: 1.5625vw;
    line-height: 1;
    font-family: 'Montserrat-Bold';
    font-weight: 700;
    font-size: 28px;
    vertical-align: middle;
    color: #334255;
}
.navbar-nav .nav-item a.nav-link {
	font-family: Montserrat-Bold;
	font-size: 1rem;
    font-weight: 700;
    color: #334255;
    line-height: normal;
}
.navbar-nav .nav-item .dropdown-menu {
	--bs-dropdown-bg : none;
	--bs-dropdown-border-color: none;
	font-family: Montserrat-Bold;
	font-size: .92rem;
    font-weight: 700;
    color: #334255;
    line-height: normal;
}
.menu-log-div {
	padding-top : 24px;
	padding-bottom : 30px;
}
.menu-logo img{
	width: 230px;
    height: 22px;
    max-width: 100%;
    vertical-align: middle;
    border-style: none;
}
.offcanvas-body {
	padding-left : 30px;
}
/* .navbar bg-body-score {
	background-color: rgba(249,249,242,0.4);
} */

@media screen and (max-width: 767px){
    body.score picture{
        height: 106.6666667vw;
        width: 100%;
    }
    body.score picture img{
    	/* score_bg_m  m_header*/
        content: url('https://levitesscore.org/img/m_header.png'); 
        width: 100%;
    }
    #levites_header .gnb-content{
        padding: 20px 0;
        background-image: linear-gradient(rgba(51, 66, 85, 0.20), rgba(13, 13, 13, 0.2));
    }
    .score-wrapper{
        margin-top: -53.33333333vw;
        border-radius: 10.66666667vw 10.66666667vw 0 0;
    }
    .logo {
		padding-left : .7rem;	
		padding-top: .6rem;
		padding-bottom: .6rem;
	}
    .logo img {
        width: 156.75px;
        height: 15px;
    }
    .logo .title{
    	font-size: 21px;
    	font-family: Montserrat-SemiBold;
    }
    .offcanvas.offcanvas-end {
		width : 300px;	
	}
	.navbar-nav .nav-item a.nav-link {
		font-family: Montserrat-Bold;
		font-size: 1rem;
	    font-weight: 700;
	    color: #334255;
	    line-height: normal;
	}
	.navbar-nav .nav-item .dropdown-menu {
		--bs-dropdown-bg : none;
		font-family: Montserrat-Bold;
		font-size: .92rem;
	    font-weight: 700;
	    color: #334255;
	    line-height: normal;
	}
	.menu-logo img{
		width: 180px;
		height: auto;
	}
}

.file_list a{
	color : inherit;
}

.file_list .list-group-item{
	background-color : #F5F4F2;
}

.pagination {
	--bs-pagination-color: #cfa87f;
	--bs-pagination-bg: none;
	--bs-pagination-border-width: none;
	--bs-pagination-hover-color: #fff;
    --bs-pagination-hover-bg: #cfa87f;
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #cfa87f;
    --bs-pagination-active-border-color: #cfa87f;
    --bs-pagination-focus-color: #cfa87f;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem #cfa87f2e;
    --bs-pagination-focus-bg: #fff;
}

.page-item {
	margin-right: 6px;
}
 
.login span {
    font-size: 16px;
    color: #CFA87F;
    font-family: 'SpoqaHanSansNeo-Bold', Sans-serif;
    font-weight: 700;
}

.song-info-div {
	display : block;
}
/* .b-favorite, .f-favorite {
	cursor : pointer;
} */

/* .edit-input {
	background-color: #fff;
} 
.pr-0 {
	padding-right :0px;
}
*/