/*-------------------------------------------------------------------------------------*
 *  좌측메뉴                                                                           *
 *-------------------------------------------------------------------------------------*/
.aside {
   background: url(../../images/bg_left_pattern.jpg);
   position: fixed;
   width: 100%;
   min-width: 0px;
   top: 0;
   right: 0%;
   bottom: 0;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
   width: 0px;
   transition: 0.35s width ease, 0.35s min-width ease;
   z-index: 2000;
   -webkit-overflow-scrolling: touch;
}
.aside.active {
   min-width: 250px;
}

.aside.in {
   max-width: 300px;
   width: calc(100% - 50px);
   right: 0;
}

.aside_wrap {
   float: left;
   height: 100%;
   width: 100%;
   padding: 10px 0px 30px;
   -webkit-overflow-scrolling: touch;
   position: relative;
   overflow-y: scroll;
}

.aside_top_wrap {
   width: 100%;
   position: relative;
   display: flex;
}

.aside_top_left {
   float: left;
   width: 100%;
   line-height: 70px;
   text-align: center;
}

.aside_top_right {
   float: right;
   cursor: pointer;
   position: absolute;
   right: 5px;
}


.aside2 {
   background: url(../../images/bg_left_pattern.jpg);
   position: fixed;
   width: 100%;
   min-width: 0px;
   top: 0;
   left: 0%;
   bottom: 0;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
   width: 0px;
   transition: 0.35s width ease, 0.35s min-width ease;
   z-index: 2000;
   -webkit-overflow-scrolling: touch;
}
.aside2.active{
   min-width: 250px;
}

.aside2.in {
   max-width: 300px;
   width: calc(100% - 50px);
   left: 0;
}

.aside_btn1 {
   background: linear-gradient(#ee280c 30%, #c11510 80%);
   color: #ffffff;
   width: 100%;
   height: 50px;
   line-height: 50px;
   display: inline-block;
   font-size: 14px;
   font-weight: 500;
   font-family: 'EsaManru';
   border-radius: 5px;
   /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); */
}

.aside_btn2 {
   background: linear-gradient(to right, #383838 0%, #b6b6b6 20%, #eeeeee 35%, #ffffff 50%, #eeeeee 65%, #b6b6b6 80%, #383838 100%);
   color: #000000;
   width: 100%;
   height: 50px;
   line-height: 50px;
   display: inline-block;
   font-size: 14px;
   font-weight: 500;
   font-family: 'EsaManru';
   border-radius: 5px;
   text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
}

.aside_btn3 {
   border: 1px solid #3e382d;
   color: #ffffff;
   width: 100%;
   height: 50px;
   line-height: 50px;
   display: inline-block;
   font-size: 14px;
   font-weight: 500;
   font-family: 'EsaManru';
   border-radius: 5px;
}

/*-------------------------------------------------------------------------------------*
 *  별도추가                                                                           *
 *-------------------------------------------------------------------------------------*/
.aside_wrap::-webkit-scrollbar {
   width: 4px;
   height: 4px;
}

.aside_wrap::-webkit-scrollbar-thumb {
   background-color: rgba(255, 255, 255, 0.1);
   border-radius: 12px;
}

.aside_wrap::-webkit-scrollbar-track {
   display: none;
}


.aside_close {
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid transparent;
   background-image: url(../../images/bg_left_pattern.jpg), linear-gradient(#ee280c 30%, #c11510 80%);
   background-origin: border-box;
   background-clip: content-box, border-box;
   position: absolute;
   top: 5px;
   width: 50px;
   height: 50px;
   color: #ff1919;
}

.aside_close1 {
   left: -50px;
   border-radius: 100px 0 0 100px;
   border-right: none;
   font-size: 25px;
}

.aside_close2 {
   right: -50px;
   border-radius: 0 100px 100px 0;
   border-left: none;
   font-size: 25px;
}

.aside_close3 {
   right: -50px;
   border-radius: 0 100px 100px 0;
   border-left: none;
   font-size: 25px;
   top: 80px;
   color: #9958d6;
}

.contents_left .fa-angles-left {
   display: none;
 }
 .contents_left .fa-angles-right {
   display: inline-block;
 }
 .contents_left.active .fa-angles-right {
   display: none;
 }
 .contents_left.active .fa-angles-left {
   display: inline-block;
 }

.aside_top_wrap .my {
   margin: 0;
   width: 100%;
   justify-content: center;
}

.aside_top_wrap .my_box {
   flex-direction: column
}

.aside_top_wrap .my_link {
   margin: 0;
}

.left_menu_boxbox {
   float: left;
   width: 100%;
}

.m_login_box {
   float: left;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}

.user_box {
   float: left;
   width: 100%;
   display: flex;
   flex-direction: column;
}

.user_list {
   display: flex;
   height: 35px;
   align-items: center;
   justify-content: space-between;
}

.user_list_text span {
   color: #ffcf00;
}

.user_btn {
   padding: 5px;
   font-weight: bold;
   color: #ff7575;
}

/* 24-01 수정 시작 */
@media screen and (min-width:1440px) {
   .aside {
      display: none;
   }

   .aside2 {
      display: none;
   }
}

/* 24-01 수정 끝 */

@media screen and (max-width:991px){
   *{
      cursor: unset!important;
   }
}

.m_game_title {
   padding: 15px 0;
   text-align: center;
   letter-spacing: 2px;
   width: 100%;
   display: block;
   clear: both;
   font-family: 'EsaManru';
   font-weight: 500;
   font-size: 16px;
   color: #ffffff;
   text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.39);
}

.m_game_title::before {
   content: '';
   float: right;
   width: 32%;
   height: 1px;
   margin: 7px 0 0 0;
   background-color: #e2230d;
}

.m_game_title::after {
   content: '';
   float: left;
   width: 32%;
   height: 1px;
   margin: 7px 0 0 0;
   background-color: #e2230d;
}

.m_game_btn {
   background: rgba(21, 21, 21, .9);
   border: 1px solid #e2230d;
   border-radius: 5px;
   padding: 9px 5px 7px 5px;
   display: block;
   width: 100%;
   font-family: 'EsaManru';
   font-weight: 500;
   font-size: 12px;
   color: #ffffff;
   text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.39);
}

.m_game_btn img {
   display: block;
   width: 70%;
   margin: 0 0 5px 0;
}

/* 24/1 커스터머 추가 */
.m_customer {
   display: block;
   width: 100%;
   position: relative;
}

.m_customer_text1 {
   position: absolute;
   top: 50%;
   right: 15px;
   transform: translate(0, -50%);
   font-family: 'EsaManru';
   font-weight: 700;
   font-size: 14px;
   color: #ffebc3;
   text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
}

.m_customer_text2 {
   position: absolute;
   top: 50%;
   right: 15px;
   transform: translate(0, -50%);
   white-space: nowrap;
   font-family: 'EsaManru';
   font-weight: 700;
   font-size: 18px;
   color: #ffffff;
   text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
}
.align-items-center {
   align-items: center;
   /* font-family: EsaManru; */
   font-weight: 700;
   font-size: 14px;
   color: rgb(239 239 239);;
}
@media screen and (max-width:768px){
   .align-items-center {
      justify-content: center;
   }
}
.radio-container {
   display: block;
   position: relative;
   padding-left: 35px;
   padding-right: 20px;
   /* width: 70px; */
   cursor: pointer;
   font-size: 16px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.radio-container input:checked ~ .checkmark {
   background-color: #f5222d;
}
.checkmark {
   position: absolute;
   top: 75%;
   left: 0%;
   transform: translate(0%, -50%);
   height: 24px;
   width: 24px;
   /* background-color: #eee; */
   border-radius: 50%;
   border: 1px solid #FFF;
}
.bonuslist .write_basic:first-child .checkmark {
   top: 50%;
}
.radio-container input:checked ~ .checkmark:after {
   display: block;
}
.radio-container .checkmark:after {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: white;
}

.checkmark:after {
   content: "";
   position: absolute;
   display: none;
}
.radio-container input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
}