
:root{
    --main-color: #ff4e00;
    --subMain-color: #ff4e00;
   
}

#loadingArea{background:#2e2e30;opacity: 1;}
.ajaxLoading{opacity: 1;}
body, .wrapper{background:#2e2e30;}
.wrapper .header{background:#2e2e30;}
.footer{background:#2e2e30;}
.footer .cs{background:#2e2e30;}
.mypage_cont .friend_wrap{background:#2e2e30; padding:0; border:none;}
.mypage_cont .friend_top{border:none;}
.wrapper .header .inner .quick_menu>li>a{width:44px; height:43px;}
.wrapper .header .inner .quick_menu>li>a.bt_deposit{background:var(--main-color);line-height:43px;}
.wrapper .header .inner .quick_menu>li>a.bt_deposit:hover{background:#ff6320;}
.wrapper .header .inner .quick_menu>li>a.bt_withdraw{line-height:43px;}
.wrapper .header .inner .quick_menu>li>a.bt_alarm{background-color:#acacac !important;}
.wrapper .header .inner .quick_menu>li>a.bt_mypage{background-color:#acacac !important;}
.wrapper .header .inner #theme_login .bpm_coupon{display:none;}
.wrapper .header .inner .mem_menu_login {flex-basis: 30%;display: flex;align-items: center;position: absolute;z-index: 1003;margin: 8px 15px 0;}
.wrapper .header>.inner .allmenu{background:#2e2e30;height:39px;}
.wrapper .header>.inner .allmenu:hover{background:var(--main-color);}
.wrapper .header>.inner .allmenu a{background:url(/r/theme/center_logo/img/pc/gnb_allmenu_white.png) 50% 50% no-repeat;}
.wrapper .header .inner .header_wrap {justify-content: end;min-width: 1185px;}
.header .inner #theme_login .quick_menu {margin-top: 20px;}
.wrapper .header .inner .quick_menu li .layer_list{top:43px;}
.header .inner #theme_login .quick_menu li .count_alarm{width:15px;height:15px;line-height: 15px; top:0;}
.wrapper .header .inner .mem_menu{position: absolute; top:13px; right:90px;z-index:1003;}
.header .inner #theme_login .mem_menu.login{position: relative; top:inherit; right:inherit;}
.wrapper .header .inner .mem_menu li.bt_notice{display:block;}
.wrapper .header .inner .mem_menu li.bt_notice:before{display:block;}
.wrapper .header .inner .mem_menu_login li.bt_notice{display:block;}
.wrapper .header .inner .mem_menu_login li.bt_notice:before{display:block;}
.wrapper .header .inner .mem_menu li:first-child{padding:0 15px;margin:0;}
.wrapper .header .inner .mem_menu li.bt_partner{order:1;}
.wrapper .header .inner .mem_menu li.bt_bulletin{order:2;}
.wrapper .header .inner .mem_menu li.bt_bulletin:before{display:block;}
.wrapper .header .inner .mem_menu li.bt_attendance{order:3;}
.wrapper .header .inner .mem_menu li.bt_event{order:4;}
.wrapper .header .inner .mem_menu li.bt_coupon{order:5;display:none;}
.wrapper .header .inner .mem_menu li.bt_notice{order:6;display:none;}
.wrapper .header .inner .mem_menu li.bt_cs{order:7;display:none;}

.wrapper .header .inner .mem_menu_login li:first-child{padding:0 15px;margin:0;}
.wrapper .header .inner .mem_menu_login li.bt_partner{order:1;}
.wrapper .header .inner .mem_menu_login li.bt_bulletin{order:2;}
.wrapper .header .inner .mem_menu_login li.bt_bulletin:before{display:block;}
.wrapper .header .inner .mem_menu_login li.bt_attendance{order:3;}
.wrapper .header .inner .mem_menu_login li.bt_event{order:4;}
.wrapper .header .inner .mem_menu_login li.bt_coupon{order:5;display:none;}
.wrapper .header .inner .mem_menu_login li.bt_notice{order:6;display:none;}
.wrapper .header .inner .mem_menu_login li.bt_cs{order:7;display:none;}
.wrapper .header .inner .mem_menu_login li.bt_mypage{order:8;display:none;}

.wrapper .header .inner #theme_login .quick_menu li .layer_list ul li.header_btn_csnotice{display:none;}
.wrapper .header .inner #theme_login .quick_menu li .layer_list ul li.header_btn_mypage{display:none;}

.tabm_guide_2dep>li{width:20%;}

.wrapper_login .header{background:#2e2e30;}
.login_section .loginbox{background:#333;border-radius:15px;}
/* .join_greeting .inner .tit {font-size: 0;text-align: center;position: relative;background-image: var(--main-logo);color: #222;padding: 5px 10px;border: none;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;min-height: 36px;} */
/* .join_greeting .inner .txt.site_name{display:none;} */
.tab_wrap{background:#2e2e30;}
.tab_wrap.fix_top{background:#2e2e3090;}
.joinInfo{border:none;}
.joinwrap .center_box {background: #333;border: 1px solid #333;border-radius: 15px;}
.notice_area .inner>.tit span{border-radius:6px;}
.notice_area{border-bottom:1px solid #9e6a54;}
.marquee>div{min-width:100%;}

/*FOOTER*/
.footer .cs .inner .tit_help{visibility: hidden;}
.footer .util .inner .connectus{top:-270px;width:350px;}
.footer .util .inner .sitemap{padding-top: 80px;}
.footer .foot_con>p.foot_logo{bottom: -130px;}
.footer .foot_con>p.copy{bottom: -157px;}
.footer .util .inner .connectus .tit{color:#fff;}

.cs_center {top: 195px !important; background:#333;}

/*HOME PAGE*/
/*re-arrange sequence*/
.main_section #gameList{order:1;}
.main_section .mainEvent{order:2;}
.main_section .status{order:3;}

.cs_center .cs_con li:hover>a{background-image: url(/r/front/img/site_seq/bpm/quick_left_on_bpm2.png);}

/*MYPAGE*/
.header_mypage{display:none;}
.mypage_cont .contents .greeting{display:none;}
.account_info .info01>table{border:1px solid #333; border-collapse: separate; border-radius:15px;}
.account_info .info01>table tr:first-child th{border-radius:15px 0 0 0;}
.account_info .info01>table tr:last-child th{border-radius:0 0 0 15px;}
.info_box{border:1px solid #333;background:#333;border-radius:15px;}
.mypage_cont .my_list_wrap .mybox{background:#333;}

/*MYPAGE - DETOUR DEPOSIT*/
.deposit_wrap .detour_deposit_guide{width:890px; height:189px; background:url(/r/front/img/site_seq/bpm/deposit_detour_pc.png?1234) no-repeat 0 0/100%; margin:0 0 15px;}

/*CS*/
.cs_section .cs_con_new .cs_service .cs_list>li{background: #333 url(/r/front/img/site_seq/bpm/cs_new_list_icon_bpm2.png) 0 0 no-repeat; border-radius:15px;}
.cs_section .cs_con_new .cs_service .cs_list>li.cs7 .r_img{    background: url(/r/front/img/site_seq/bpm/cs_new_tel.png) no-repeat;}
.cs_section .cs_con_new .cs_service .cs_list>li .top{border-radius:15px;}
.cs_section .cs_con_new .cs_board .board_box{border-radius:15px;}
.cs_section .cs_con_new .cs_board .board_box .top{border-radius:15px 15px 0 0 ;}
.cs_section .cs_con_new .cs_board .board_box .bot{border-radius: 0 0 15px 15px;}

.mypageTab > ul {overflow: hidden;background: #333;border: 1px solid #333;margin-bottom: 20px;border-radius:15px;}
.mypage_cont .lnb_wrap .top {width: 100%;height: auto;padding: 30px 20px;background: #333;box-sizing: border-box;text-align: left; border-radius:15px 15px 0 0;}
.wrapper .mypage_cont .lnb_wrap .lnb > li .dep2 {position: relative;top: 0;display: none;background: #333;margin-bottom: 15px;}
.wrapper .mypage_cont .lnb_wrap .lnb > li {position: relative;border-top: none;background: #333;}    
.wrapper .mypage_cont .lnb_wrap .lnb {padding: 20px;background: #333;}   
.wrapper .mypage_cont .lnb_wrap .bottom {background: #333;border-top: 1px solid #666;padding: 20px; border-radius:0 0 15px 15px ;}
.mypage_cont .lnb_wrap {float: left;width: 200px;margin-left: 8px;border: 1px solid #333; border-radius:15px;}    
.deposit_wrap .deposit_form {padding: 0 0 10px 0;overflow: hidden;}    
.mypage_cont .mybox {position: relative;background: #2e2e30; box-sizing: border-box;font-weight: bold; border-radius:15px;}   
.deposit_wrap .deposit_inp:before {width: 127px;height: 100%;background: transparent;content: "";position: absolute;border-right: 1px solid #333;}    
.deposit_wrap .deposit_inp {background:#333;border: 1px solid #333;position: relative; border-radius:15px;}
.mypage_cont .levelbox .mybox{background:#333;}
.rolling_status .status_wrap .status_item{background:#333; border:1px solid #111;}

.wrapper .mypage_cont .lnb_wrap .lnb>li .dep2 ul{display:flex; flex-wrap:wrap;}
.wrapper .mypage_cont .lnb_wrap .lnb>li .dep2 ul li{width:100%; order:99;}
.wrapper .mypage_cont .lnb_wrap .lnb>li .dep2 ul li.lnbDetourDeposit{order:1;}

.tabm_guide_2dep {overflow: hidden;width: 100%;background: #2e2e30;border-top: none;padding: 10px 0;border: 1px solid #333;box-sizing: border-box;}
.wrapper_login {position: relative;top: 0;bottom: 0;width: 100%;overflow: hidden;background: #2e2e30;}
/* .join_greeting .inner .tit:after{right:46%;} */


/*CHANGE BG #000 to #333*/
.wrapper .header .inner .quick_menu_sub > li > a{background:#333;}
.wrapper .header > .inner > .allMenuLayer{background:#333;}
.quick_wrap{background:#333;}
.event .fin_layer > span{background:#333;}
.quick_game{background:#333;}
.sub_section .game_wrap .game_tit_full > p{background:#333;}
.sports_sl .big_thumb{background:#333;}
.event_type_layer .inbox{background:#333;}
.event_type_layer .selTeam input{background:#333;}
.main_section .contents .sport .sport_sl .big_thumb{background:#333;}
.cs_cont .cs_top .greeting .search_faq{background:#2e2e30;}
.my_board tbody tr{background:#333;}
.my_board tbody tr:hover{background:#333;}
.my_board tbody tr.on{background:#333;}
.my_board tbody td.title>.answer pre{color:#fff;}
.cs_cont .my_board tbody tr{background:#2e2e30;}
.cs_cont .my_board tbody tr.on{background:#2e2e30;}
.tab_guide_wrap .search_area{background:#333;}
.my_list_wrap .search_area{background:#333;}
.my_list_wrap{background:#333;}
.tab_menu_event > li{background:#333;}
.event_section .evt_list_wrap .evt_list > li .fin_layer > span{background:#333;}
.event_section .evt_info.leaderboard_table .info_table th:after{background:#333;}
.event_popup{background:#333;}
.tabm_guide > li{background:#333;}
.modify_wrap{background:#333; border-radius:15px;}
.mypage_cont .friend_top>div.mybox{background:#333;border-radius:0;width:449px;}
.comp_area{background:#333; border-radius:15px;}
.comp_area>div.mybox{background:#333;border-radius:0;}
.comp_area>div:first-child{border-color:#2e2e30;}
.my_point_area{background:#333;border-radius:15px;}
.my_point_area>div.mybox{background:#333;border-radius:0;}
.my_point_area>div:first-child{border-color:#2e2e30;}

select option{background: #262628;color:#fff;}

/*JOIN REDESIGN*/
.joinbox{padding:0px 0 30px;display:flex;flex-wrap:wrap;}
.joinwrap .center_box{background:none; border:none;}
.joinbox .inp_join{ display: flex; flex-wrap: wrap; gap: 10px;width:100%; background: #262628; padding: 0 0 18px; border-radius: 15px;}
.joinbox .inp_join>li{width: calc(50% - 10px);float:none; display: flex; flex-wrap: wrap; padding:0;margin-top:20px;}
.joinbox .inp_join>li.ico4{ width: calc(50% - 10px);}
.joinbox .inp_join>li>input,.joinbox .inp_join>li.confirm>select ,.joinbox .inp_join>li.confirm> .numbox{ width: calc(100% - 100px); box-sizing:border-box;background: none;border:1px solid #526586;border-radius: 5px; color:#fff;}
.joinbox .inp_join>li>input::-webkit-input-placeholder,.joinbox .inp_join>li.confirm>.numbox>input::-webkit-input-placeholder{color:#526586;font-size:12px;}
.joinbox .inp_join>li.confirm>.numbox>input{width:100%;box-sizing: border-box;background:none;color:#fff; border:none;}
.joinbox .inp_join>li.confirm>p{text-align: right; padding:0 10px 0 0; box-sizing: border-box;color:#849bcb; width:100px;}
.joinwrap .joinbox .required{left:85px; color:#e26e9a;}
.joinwrap .joinbox .required > .required{left:0;}
.joinbox .inp_join>li .bt_phone{width: auto !important;color:#fff!important;font-size: 12px !important; padding: 0 5px;height: 34px !important;line-height: 34px !important; top: 3px;right:3px;border-radius: 4px !important;font-family: var(--main-font);}
.joinbox .inp_join>li .err_ico{right:6px;}
.joinbox li.ico4.confirm.phone{margin-top:15px; margin-bottom:0;}
.joinbox .join_phone_warning,.join_anni_warning{color:#e26e9a;}
.joinbox #certifyTimer{right: 0px; top: 9px; color: #fff;}
.joinbox .info_box{order:3;width:100%;background:#262628;border:none;}
.joinbox .info_box .info_title>span{font-size:16px;color:#849bcb;}
.join_greeting{height:auto;}
.join_greeting .inner{padding:20px 0;}
.join_greeting .inner .txt{color:#fff;}
.join_greeting .inner .txt >.site_name{display:none;}
.join_greeting .inner .tit{display:none;}
.joinbox .bot_btn{width:100%;margin-top:10px;}
.joinbox .inp_join>li.confirm>p.err_msg {color: #e26e9a;width: auto;font-size: 10px; top: -28px; left: 100px;}

.joinInfo .swiper-wrapper .swiper-slide img{border-radius:15px;}
.wrapper_login .joinbox .bot_btn .bt_join{border-radius:15px;}
p.bonus_additional_text{ margin-left: 150px; margin-top: 27px;clear: both;line-height: 2.5;color: red;} 

/* Change Sign Up button color */
.wrapper .header .inner .quick_menu > li > a.bt_join {background: #fff;color: #000;}
.wrapper_login .header .inner .mem_menu li a.bt_join {background: #fff;color: #000;border: 1px solid #fff;}


.footer_notice_channel{display:none;}
