#overlay_leftmenu {position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color: rgba(0,0,0,0.7);z-index: 4;display:none;backdrop-filter: blur(2px);-webkit-backdrop-filter:blur(2px);}

.bossmenu {position: absolute;top: 0;z-index: 4;left: -350px;width: 290px;background: rgb(0 0 0 / 85%);height: 100%;color: #fff;padding: 0px 2px 12px 22px;/* overflow: hidden; */transition: left 0.3s ease-out;-webkit-transition: left 0.3s ease-out;-moz-transition: left 0.3s ease-out;-o-transition: left 0.3s ease-out;}
.open-bossmenu {left:0;transition: left 0.3s ease-out;-webkit-transition: left 0.3s ease-out;-moz-transition: left 0.3s ease-out;-o-transition: left 0.3s ease-out;}
.bossmenu .wraper {overflow-y: scroll;height: 100%;padding-top: 24px;padding-bottom: 40px;padding-right: 14px;}

#close-bossmenu {cursor:pointer;position: absolute;top: 0px;right: -50px;width: 22px;background-color: rgb(0 0 0 / 90%);width: 50px;height: 54px;display: flex;align-items: center;justify-content: center;padding: 16px;}
#close-bossmenu:hover img {transform: scale(1.1);}

.bossmenu .title {/* margin-top: 40px; */font-family: 'NAMU';display: flex;align-items: center;justify-content: flex-start;gap: 15px;}
.bossmenu .title .name {font-size: 20px;margin-top: -4px;}
.bossmenu .title img {width: 44px;height: auto;display: block;object-fit: contain;}

.bossmenu .wraper::-webkit-scrollbar {width: 2px;}
.bossmenu .wraper::-webkit-scrollbar-thumb {background-color: #5e5e5e;border-radius: 9em;box-shadow: inset 1px 1px 10px #5e5e5e;display: none;}
.bossmenu .wraper:hover::-webkit-scrollbar-thumb {/* display:block; */}


.bossmenu .about {margin-top: 32px;/* margin-left: 4px; */border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding: 12px 0 12px 4px;color:#fff;font-size: 14px;line-height: 1;font-family: 'e-Ukraine-regular';}
.bossmenu .about span:hover {text-decoration: underline;cursor:pointer;}
.bossmenu .floors {margin-top: 24px;}
.bossmenu .floors div {margin-top: 18px;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: flex-start;border-radius: 6px;overflow: hidden;}
.bossmenu .floors div:hover {cursor:pointer;background-color: #343434;}
.bossmenu .floors div.active {background-color: #343434;}
.bossmenu .floors img {display: block;background-color: #606060;width: 124px;height: 74px;}
.bossmenu .floors .target {display: block;font-family: 'e-Ukraine-Light';font-size: 14px;line-height: 1.3;margin-left: 14px;}

.bossmenu .floors .number.home {background-image: url(resources/icon/home-white.svg); background-position: 50%; background-repeat: no-repeat; background-size: 18px;}
.bossmenu .floors div:hover .number.home {background-image: url(resources/icon/home-black.svg);}
.bossmenu .floors .active .number.home {background-image: url(resources/icon/home-black.svg);}


.bossmenu .aid {font-family:'e-Ukraine-Light';font-size: 12px;line-height: 1.6;;color: #ffffffa8;margin-top: 22px;}
.bossmenu .feedback {font-size: 12px;padding:18px 0 0;line-height: 1.6;font-family: 'e-Ukraine-Light';color: #ffffffa8;}
.bossmenu .feedback a{text-decoration: none;color: #ffffffa8;}
.bossmenu .copyright {font-size: 12px;padding: 18px 0 0 0;font-family: 'e-Ukraine-Light';line-height: 1.6;color: #ffffffa8;}
.bossmenu .warning {font-size: 12px;padding: 18px 0 0 0;line-height: 1.55;font-family: 'e-Ukraine-Light';color: #ffffffa8;}
.bossmenu .powered {font-family: 'e-Ukraine-regular';line-height: 1.6;font-size: 12px;padding: 18px 0 0 0;color: #ffffffa8;}
.bossmenu .powered a{color: #ffffffa8;}
.bossmenu .powered a:hover{color: #fff;}
.bossmenu .partner {display: flex;flex-wrap: wrap;justify-content: space-between;border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding: 18px 8px;gap: 12px;margin-top: 32px;}
.bossmenu .partner div {display: flex;}
.bossmenu .partner .lg_1 {width: 38%;}
.bossmenu .partner .lg_2 {width: 38%;}
.bossmenu .partner .lg_3 {width: 52%;align-items: center;}
.bossmenu .partner .lg_4 {width: 50%;}
.bossmenu .partner img {width: auto;height: auto;object-fit: contain;}
.bossmenu .partner .lg_1 img {}
.bossmenu .partner .lg_2 img {}
.bossmenu .partner .lg_3 img {}
.bossmenu .partner .lg_4 img {}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* MOBILE DOWN  ------------------------------ */

/*** 1030px  (!!!! for 1024) *******************/
@media screen and (max-width: 1030px) {
}

/*** 770px (!!!! for 768) *******************/
@media screen and (max-width: 770px) {
}

/* 760px */
@media screen and (max-width: 760px) {
}

/*** 642px (!!!! for 640) *******************/
@media screen and (max-width: 642px) {
}

/* 520px */
@media screen and (max-width: 520px) {
}


/*** 482px (!!!! for 480) *******************/
@media screen and (max-width: 482px) {
}

/* 440px */
@media screen and (max-width: 440px) {
}


/*** 432px (!!!! for 424/428/430) *******************/
@media screen and (max-width: 432px) {
}

/*** 377px (!!!! for 375) ***********************/
@media screen and (max-width: 377px) {
}

/*** 362px (!!!! for 360) ***********************/
@media screen and (max-width: 362px) {
#close-bossmenu {background-color: transparent;top: 6px; right: -59px; padding: 12px;}}

/*** 358px (!!!! for 358px) ***********************/
@media screen and (max-width: 358px) {
}

/*** 343px (!!!! for 342) ***********************/
@media screen and (max-width: 343px) {
}


/*** 324px (!!!! for 320) ***********************/
@media screen and (max-width: 324px) {
.bossmenu {width: 276px;padding: 0px 2px 12px 18px;}
.bossmenu .title {gap: 12px;}
.bossmenu .title img {width: 38px;}
.bossmenu .floors img {width: 116px;aspect-ratio: 124 / 74;height: auto;}
#close-bossmenu {top: 8px;right: -46px;padding: 15px;}}