@charset "utf-8";
#wrap {width:100%; min-width:1400px; overflow:hidden; background:#121a27 url("../images/bg.jpg") center top no-repeat;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap{float:left; width:100%;}
.header_box{width:1400px; margin:0 auto; position:relative;}

.logo{float:left; width:100%; text-align:center;}
.logo a{display:block; position:relative; width: 486px; margin: 0 auto;}
.logo a::before, .logo a::after {
  position: absolute;
  content: "";
  top: -5%;
  left: -5%;
  height: 95%;
  width: 95%;
  border-radius: 50%;
  opacity: 0.5;
  filter: blur(50px);
}

.logo a::after {
  background-color: #121a27;
  z-index: -2;
}

.logo a::before {
  background-color: #ffff2b;
  z-index: -1;
}
.gnb{float:left; width:100%; margin:10px 0 0 0; text-align:center;}
.gnb ul{display:inline-block; text-align:center;}
.gnb ul li{float:left; margin:0 20px;}
.gnb ul li a{display:block; padding:5px; font-family:'EsaManru'; font-weight:700; font-size:26px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.7);}
.gnb ul li a:hover{color:#ffff95;}

.my{float:left; width:100%; margin:75px 0 0 0; text-align:center;}
.my ul{display:inline-block; text-align:center;}
.my ul li{float:left; margin:0 5px; line-height:42px; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.9);}
.utill_btn1{background:linear-gradient(#f5c576 0%, #652b05 100%); display:inline-block; min-width:120px; height:42px; line-height:42px; padding:0 10px 0 10px; text-align:center; font-size:16px; font-weight:500; color:#ffffff; border-radius:5px; text-shadow:2px 0 3px rgba(0,0,0,0.3);  box-shadow:2px 0 3px rgba(0,0,0,0.7);}
.utill_btn2{background:linear-gradient(#61b2c2 0%, #172f49 100%); display:inline-block; min-width:120px; height:42px; line-height:42px; padding:0 10px 0 10px; text-align:center; font-size:16px; font-weight:500; color:#ffffff; border-radius:5px; text-shadow:2px 0 3px rgba(0,0,0,0.3);  box-shadow:2px 0 3px rgba(0,0,0,0.7);}

.my_input{background-color:#49422e; border:1px solid #49422e; padding:4px 0 4px 10px; font-family:'EsaManru'; font-weight:300; color:#ffffff; font-size:14px; border-radius:5px; height:42px;}
.my_input::placeholder{color:#9e9a8f;}
.my_input:focus{border:1px solid #ffd223;}

.header_item01{position:absolute; left:-303px; top:50px;}
.header_item02{position:absolute; right:-325px; top:358px;}
/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.title_wrap {width:100%; margin:0 0 0 0; display: flex; align-items: center; justify-content: center;}
.title{text-align:center; padding:0 20px; font-family:'EsaManru'; font-weight:500; font-size:36px; color:#ffd500; letter-spacing:-1pt; text-shadow:2px 0 3px rgba(0,0,0,0.23);}

.s_title1 {padding:0 0 2px 0px; color:#ffffff; font-family:'EsaManru'; font-size:18px; font-weight:500; letter-spacing:-1px; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.contents_wrap {float:left; width:100%; min-height:300px; margin:50px 0 50px 0;}
.contents_box {width:1400px; margin:0 auto;  padding:40px 50px 40px 50px; background:rgba(2,19,44,0.8); border-radius:10px; position:relative; z-index:1;}

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box05 {float:left; width:100%; margin:5px 0 0 0;}
.con_box10 {float:left; width:100%; margin:10px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}
.con_box60 {float:left; width:100%; margin:60px 0 0 0;}


/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap {float:left; width:100%; padding:40px 0 60px 0; background:rgba(0,0,0,0.4); overflow:hidden; position:relative; z-index:1;}
.footer_box{width:1400px; margin:0 auto; text-align:center; line-height:30px; color:#737373; font-size:18px; letter-spacing:-1pt; font-weight:500;}


/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_visual{float:left; width:100%; margin:130px 0 0 0; text-align:center;}
.main_game_btn{float:left; width:100%; margin:130px 0 0 0; text-align:center; position:relative; z-index:1;}
.main_game_btn ul{display:inline-block;}
.main_game_btn li{float:center; margin:0 20px;}
.main_game_btn li a{display:block; width:100%;}
.main_game_btn ul li a::before, .main_game_btn ul li a::after {
  position: absolute;
  content: "";
  top: -5%;
  left: -5%;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  opacity: 0.5;
  filter: blur(30px);
}

.main_game_btn ul li a::after {
  background-color: #2cdcff;
  z-index: -2;
  display:none;
}

.main_game_btn ul li a::before {
  background-color: #ffff2b;
  z-index: -1;
  display:none;
}
.main_game_btn ul li a{display:block; position:relative; z-index:99;}

.game_list{float:left; width:100%; margin:30px 0 0 0;}
.game_list li{float:left; width:19.2%; margin:0 1% 2% 0;}
.game_list li:nth-child(5n){margin:0 0 2% 0;}
.game_list li a{display:block;}
.game_list li a img{width:100%;}

.main_board_wrap{float:left; width:100%; margin:70px 0 50px 0; position:relative; z-index:1;}
.main_board_list{width:1400px; margin:0 auto;}
.main_board_list ul{display:flex; justify-content: space-between; align-items: flex-end}
.main_board_list li{float:left;}
.main_board_list li:nth-child(3n){margin:0 0 0 0;}

.board{width:401px;}
.event1{width:532px;}
.board_title{width:100%;}
.myTable{table-layout:fixed;}
.board_box_box{width:100%; margin:-20px 0 0 0; padding:0 30px 30px 30px; height:240px; overflow:hidden;}
.board_box{width:100%; background:rgba(0,0,0,0.6); padding:30px 20px 30px 20px;}
.board_box td{font-family:'EsaManru'; font-weight:500; font-size:14px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* index2 추가클래스*/
.main_board_list_index2 ul{display:flex; justify-content: space-between; align-items:center;}

/*-------------------------------------------------------------------------------------*
 *  out login                                                                          *
 *-------------------------------------------------------------------------------------*/

 
/*-------------------------------------------------------------------------------------*
 *  레이어팝업                                                                         *
 *-------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------*
 *  모달창(팝업)                                                                       *
 *-------------------------------------------------------------------------------------*/
.modal_popup_wrap {float:left; width:500px;}
.modal_popup {float:left; width:500px; height:500px; background:url(../images/bg_pop.jpg) center bottom no-repeat; border:1px solid #ffd500; padding:30px;}
.modal_popup_title {float:left; margin:0 0 10px 0; text-align:center; width:100%; font-size:24px; letter-spacing:-1px; font-family:'EsaManru'; font-weight:700; color:#ffffff;}
.modal_popup_con {float:left; width:100%; min-height:390px; font-family:'EsaManru'; line-height:22px; font-size:14px; letter-spacing:-1px; font-weight:500; color:#efefef; padding:15px 10px 0 10px;}
.modal_popup_close {float:left; width:100%; text-align:center;}
.modal_popup_close ul{float:right;}
.modal_popup_close ul li{float:left;}
.modal_popup_close ul li a{display:block; height:34px; line-height:34px; min-width:80px; padding:0 15px; background:#ffd500; font-family:'EsaManru'; font-weight:500; color:#000000; font-size:14px;}
.modal_popup_close ul li a:hover{background:#e0bb00;}
.modal_popup_close ul li:last-child a{border-left:1px solid #000000;}
.modal_popup_close ul li a input{display:inline-block; margin:0 10px 0 0; accent-color: #000000;}


/*-------------------------------------------------------------------------------------*
 *  특별한                                                                             *
 *-------------------------------------------------------------------------------------*/
/* 머니이동 박스 */
.box_wrap01    {background:rgba(255,255,255,0.1); border:solid 1px #ffd223; padding:4px; float:left; width:100%; border-radius:5px;}
.box_box01     {background:rgba(0,33,82,0.8); float:left; width:100%; padding:10px 0 13px 0; text-align:center;} 
.box_font01    {float:left; width:100%; line-height:40px; font-weight:600; color:#ffffff; padding:0 0 0 0; font-size:18px; letter-spacing:-1px; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.box_font02    {float:left; width:100%; line-height:20px; padding:0 0 3px 0; color:#ffd500; letter-spacing:-1px; font-size:18px; letter-spacing:0pt; text-shadow:1px 1px 1px rgba(0,0,0,0.3); font-family:'EsaManru';}

/* 슬롯 */
.slot_list_wrap{color:#ffffff; background:rgba(0,0,0,0.3); min-height:150px;}
.slot_tab_wrap{float:left;}
.slot_tab_wrap ul{float:left; display:flex; flex-wrap: wrap}
.slot_tab_wrap ul li{float:left; display:flex; width:calc(100% / 10 - 4.5px); margin:0 4.5px 5px 0}
.slot_tab_wrap ul li:nth-child(10n){margin:0 0 5px 0;}
.slot_tab_wrap ul li a{float:left; width: 100%; display:flex; align-items: center; justify-content: center; flex-direction: column; padding:5px 10px; background:rgba(0,33,82,0.5); border:1px solid #00173a; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#83aeb7;}
.slot_tab_wrap ul li.active a{border:1px solid #ffd500; color:#ffffff;}
.slot_tab_wrap ul li:hover a{border:1px solid #ffd500; color:#ffffff;}


.__member_service__container , .service_retrieve {
 display:none;
}