@charset "utf-8";
#wrap {float:left; width:100%; min-height:100vh; overflow-x:hidden; background:#0b0b0b url(../images/bg.jpg) center top no-repeat; transition:all 0.5s;}

/*-------------------------------------------------------------------------------------*
 *  header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap{float:left; width:100%;}
.header_wrap.positionabs{position:absolute; top:0; z-index:100;}

.gnb_wrap{width:100%; padding:30px 30px; transition:all 0.5s;}
.gnb_box{width:100%; height:50px; display:flex; align-items:center;}
.m_menu_open{display:none; margin:0 0 0 auto;}

.logo{margin:0 50px 0 0;}
.game{}
.game li{float:left; margin:0 40px 0 0; transition:all 0.5s;}
.game li:last-child{margin:0;}
.game li a{display:block; height:100%; font-family:'EsaManru'; font-weight:700; font-size:18px; color:#ffffff; transition:all 0.5s;}
.gnb{margin:0 0 0 auto; height:100%;}
.gnb ul{height:100%;}
.gnb li{float:left; height:100%; margin:0 0 0 50px; transition:all 0.5s;}
.gnb li:first-child{margin:0;}
.gnb li a{display:block; height:100%; line-height:50px; border-bottom:1px solid rgba(0,0,0,0); font-family:'EsaManru'; font-weight:300; font-size:16px; color:#ffffff; transition:all 0.5s;}
.utill{margin: 0 0 0 20px; transition:all 0.5s;}
.utill li{float:left; margin:0 0 0 5px;}
.utill li a{display:flex; align-items:center; justify-content: center; min-width:100px; height:43px; padding:0 10px; text-align:center; border-radius:43px; font-family:'EsaManru'; font-weight:300; font-size:14px; transition:all 0.5s;}
.utill_btn01{background:#ffffff; color:#282828;}
.utill_btn02{background:#585858; color:#ffffff;}

.my_font{font-weight:500; color:#00ffe4; float:right;}

.my_box{height:100%; margin:0 10px 0 30px; display:flex; align-items:center; position:relative;}
.my_text{background:#ffffff; padding:8px 15px; border-radius:3px; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#282828;}
.icon_arrow{margin:0 0 0 15px; transition:all 0.5s;}
.my_hide_open.active .icon_arrow{transform:rotate(180deg);}

.my_hide{background:#1c1c1c; border:1px solid #303030; border-radius:3px; padding:30px; width:270px; position:absolute; top:50px; right:0; z-index:100; display:none;}
.my_hide_top{width:100%; display:flex; align-items:center; justify-content: space-between; padding:0 0 5px; border-bottom:1px solid #303030;}
.my_name{font-family:'EsaManru'; font-weight:300; font-size:12px; color:#868686;}
.my_name span{color:#ffffff;}
.my_btn1{display:block; min-width:65px; height:30px; line-height:30px; padding:0 10px; text-align:center; border-radius:30px; background:#ffffff; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#282828; transition:all 0.5s;}
.my_btn2{display:block; min-width:65px; height:30px; line-height:30px; padding:0 10px; text-align:center; border-radius:30px; background:#ffffff; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#282828; transition:all 0.5s;}
.my_btn3{display:block; min-width:65px; height:30px; line-height:30px; padding:0 10px; text-align:center; border-radius:30px; background:#585858; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#ffffff; transition:all 0.5s;}

.my_info{float:left; width:100%; margin:10px 0 0 0; padding:0 0 10px; border-bottom:1px solid #303030;}
.my_info li{display:flex; align-items:center; padding:2px 0; font-family:'EsaManru'; font-weight:300; font-size:16px; color:#ffffff;}
.my_info li .my_right{margin:0 0 0 auto; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#ffffff;}
.my_info li .my_right a{color:#ffffff;}
.my_info li .my_right span{font-weight:500; color:#5efffd;}

.my_btn_box{float:left; width:100%; margin:10px 0 0 0;}
.my_btn_box li{float:left; width:50%; padding:3px;}

@media (hover: hover) {
	.game li a:hover{color:#00ffe4;}
	.gnb li a:hover{border-bottom:1px solid #00ffe4;}
	.utill_btn01:hover{opacity:0.7;}
	.utill_btn02:hover{opacity:0.7;}
}

@media screen and (max-width:1920px) {
	.gnb_wrap{padding:30px 30px;}
}
@media screen and (max-width:1660px) {
	
}

@media screen and (max-width:1460px) {
	.gnb_box{height:auto;}
	.logo{margin:0 40px 0 0 ;}	
	.game li{margin:0 30px 0 0;}
	.gnb li{margin:0 0 0 30px;}
}
@media screen and (max-width:1300px) {
  	.m_menu_open{display:inline-block;}
	.gnb{display:none;}

}
@media screen and (max-width:1024px) {
	.gnb_wrap{padding:10px 10px;}

}
@media screen and (max-width:768px) {
	.logo{margin:0 0 0 0 ;}
	.logo_img img{width:100px;}
	.game{display:none;}
	.my_box{display:none;}
	.utill{margin: 0 0 0 10px;}
	.utill li a{min-width:80px; height:43px; padding:0 10px; text-align:center; border-radius:43px; font-family:'EsaManru'; font-weight:300; font-size:13px; transition:all 0.5s;}
}
@media screen and (max-width:374px) {
    .logo_img img{width:70px;}
}
/*-------------------------------------------------------------------------------------*
 *  footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap{float:left; width:100%; background:#181818; padding:50px 0; margin:0 0 0 0;}
.footer_box{width:1400px; height:auto; margin:0 auto; overflow:hidden;}
.f_copy{width:100%; text-align:center; font-size:14px; color:#424242;}
.f_partners{width:100%; text-align:center; margin:20px 0 0 0;}
.f_partners img{width:100%; transition:all 0.5s;}
.f_logo{width:100%; text-align:center; margin:20px 0 0 0; font-size:18px; font-weight:600; color:#424242;}

@media (hover: hover) {
	.f_customer li a:hover{background:rgba(255,255,255,0.03);}
}
@media screen and (max-width:1440px) {
    .footer_wrap{padding:40px 10px;}
    .footer_box{width:100%;}
}
@media screen and (max-width:1024px) {
    .notice_box{font-size:14px;}
}
@media screen and (max-width:768px) {
	.f_copy{display:none;}
	.f_partners{margin:0;}
	.f_logo {font-size:14px;}
}

/*-------------------------------------------------------------------------------------*
 *  contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.title_wrap{float:left; width:100%; display:flex; margin:20px 0 0 0; background:#000000 url(../images/bg_title.jpg) right top no-repeat;}
.title_box{width:1400px; margin:0 auto;}
.title{width:100%; line-height:170px; font-family:'EsaManru'; font-weight:700; font-size:38px; color:#ffffff; transition:all 0.5s;}
.s_title1{width:100%; padding:0 0 0 0; font-family:'EsaManru'; font-weight:500; font-size:16px; color:#ffffff; transition:all 0.5s;} 

.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;}

.slot_list {width: 100%;}
.slot_list li {width:calc(100% / 5);display:inline-flex;}
.slot_list li img {width:90%;}

.title_wrap ul li span {margin: 25% -100%;}
.contents_wrap{float:left; width:100%; margin:40px 0 0 0; padding:0 0 40px 0;}
.contents_box{width:1400px; margin:0 auto; min-height:400px; transition:all 0.5s;}

@media screen and (max-width:1410px) {
    .contents_wrap{margin:10px 0 0 0;}
    .contents_box{width:100%; padding:0 10px;}
	.title_wrap{background:#000000 url(../images/bg_title.jpg) left top no-repeat;}
	.title_box{width:100%; padding:0 20px;}
}

@media screen and (max-width:768px) {
    .title_wrap{background-size:cover;}
    .title{font-size:24px; line-height:1.5; padding:10px 0;}
	.title_wrap ul li span {font-size:12px;padding:0 20%;}
	.slot_list li {width: calc(100% / 3);}
}

/*-------------------------------------------------------------------------------------*
 *  main                                                                               *
 *-------------------------------------------------------------------------------------*/
/* 비주얼 */
.visual_wrap {display:flex; position:relative; background:url(../images/bg_visual.jpg) center top no-repeat;}
.visual_wrap .visual_img {position:absolute; left:50%;top:50%; transform: translate(-50%, -50%); width:1400px}
.visual_wrap .visual_img img {animation:  scale1 1s linear ; transform-origin: 50% 50%; width:100%}
.visual_wrap .visual_center {position:absolute; left:50%;top:50%; transform: translate(-50%, -50%); width:1400px; }
.visual_wrap .visual_center img {animation:  fadeInUpNew 4.5s; transform-origin: 50% 50%;width:100%}
.visual_wrap .visual_inner {flex:1; text-align:center;}
.visual_wrap .visual_inner img{mix-blend-mode: lighten;}
.visual_wrap .img {transform-origin: 50% 50%; width:100%; max-width:1400px}
.visual_wrap .img {
animation-fill-mode: backwards;
  animation-iteration-count:1 , infinite;
  animation-name: scale1, rotate_image;
  animation-delay: 3s, 4.5s;
  animation-duration: 1s, 10s;
  animation-timing-function: ease-in, linear;}

.visual_notice{position:absolute; left:100px; top:200px; z-index:1; font-family:'EsaManru'; font-weight:300; font-size:36px; color:#ffffff;}
.visual_font01{font-weight:700; color:#00ffe4;}
.visual_font02{font-weight:700; color:#77f830;}
.visual_event{position:absolute; right:100px; top:150px; z-index:1;}
.visual_event a{display:block; position:relative; top:30px; width:338px; height:93px; background:linear-gradient(#dbdbdb 0%, #080d0a 23%, #00ffe4 50%,#1b1b1b 50%,#1b1b1b 60%, #00ffcc 100%); background-size:100% 200%; background-position-y:100%; box-shadow:2px 4px 6px black; border-radius:15px;}
.visual_event img{position:absolute; bottom:0;}
.visual_event a:hover img{filter:drop-shadow(2px 2px 3px rgba(0,0,0,0.5));}

.visual_text{position:absolute; right:100px; top:300px; z-index:1; text-align:right; font-size:14px; color:#a6a6a6; line-height:1.4;}
.visual_text img{display:inline-block; margin:50px 0 0 0;}
.visual_notice_img{position:absolute; left:100px; top:340px; z-index:1;}
.visual_notice_img a{display:block;}
@media screen and (max-width:1440px) {
    .visual_wrap{overflow:hidden; background-size:cover;}
    .visual_wrap .visual_img{width:100%;}
    .visual_wrap .visual_center{width:100%;}
    .visual_wrap .visual_inner img{width:100%;}
	.visual_notice{display:none;}
	.visual_event{display:none;}
	.visual_text{display:none;}
	.visual_notice_img{display:none;}
}
@media screen and (max-width:1060px) {
	.visual_wrap{padding:30px 10px;}
}

@media screen and (max-width:768px) {
	.visual_wrap .visual_img{transform: translate(-50%, -40%);}
	.visual_wrap .visual_center{transform: translate(-50%, -40%);}
}
 
.main_game_wrap{float:left; width:100%;}
.main_game_box{width:100%; margin:0 auto; overflow:hidden;}
.main_game_box li{float:left; width:50%;}
.main_game_box li:nth-child(1){background:url(../images/bg_main_game01.png) center top no-repeat; background-size:100%; transition:all 0.5s;}
.main_game_box li:nth-child(2){background:url(../images/bg_main_game02.png) center top no-repeat; background-size:100%; transition:all 0.5s;}
.main_game_box li a{display:block; transition:all 0.5s;}
.main_game_box li a img{width:100%; max-width:960px; transition:all 0.5s;}
.main_game_box li:nth-child(1) a{text-align:right;}
.main_game_box li:hover a{background:rgba(0,0,0,0.5);}

.main_best_wrap{float:left; width:100%; background:#000000 url(../images/bg_main_best.jpg) center bottom no-repeat; overflow:hidden;}
.main_best_box{width:1920px; margin:0 auto; padding:100px 0 0 0; transition:all 0.5s;}
.main_best_title{width:100%; text-align:center; font-family:'EsaManru'; font-weight:300; font-size:40px; color:#ffffff; transition:all 0.5s;}
.main_best_list{width:100%; margin:40px 0 0 0; transition:all 0.5s;} 
.main_best_list ul{display:flex; justify-content: space-evenly; align-items: center;}
.main_best_list li{float:left; max-width:19%;} 
.main_best_list li a{display:block; width:250px; text-align:center; padding:10px 15px; border-radius:10px; background:linear-gradient(#dbdbdb 0%, #080d0a 50%, #e5ff008c 100%); transition:all 0.5s;}
.main_best_list li a img{width:100%; max-width:140px; transition:all 0.5s;} 
 
.main_best_btn{width:100%; margin:30px 0 0 0; text-align:center; transition:all 0.5s;}
.main_best_btn a{display:inline-block; width:120px; padding:15px 10px; border-bottom:1px solid #ffffff; font-family:'EsaManru'; font-weight:700; font-size:20px; color:#ffffff; transition:all 0.5s;}
.main_best_btn a:hover{border-bottom:1px solid #5efffd; color:#5efffd;}

.main_best_item{width:100%; margin:40px 0 0 0; text-align:center;}
.main_best_item img{max-width:2320px; position:relative; left:50%; transform: translate(-50%); transition:all 0.5s;}

.main_board_wrap{float:left; width:100%; background:#0b0b0b;}
.main_board_box{width:1400px; margin:0 auto; padding:70px 0 100px; display:flex; justify-content:space-between;}

.main_board{float:left; width:calc(50% - 20px);}
.main_board_title{width:100%; text-align:center; font-family:'EsaManru'; font-weight:300; font-size:36px; color:#ffffff; transition:all 0.5s;}
.board_box{width:100%; margin:30px 0 0 0; padding:30px 30px; height:250px; border-radius:10px; overflow:hidden; background:linear-gradient(#1b1b1b 15%, #cbcc902a 100%); transition:all 0.5s;}
.myTable{table-layout:fixed;}
.board_box td{font-family:'EsaManru'; font-weight:100; color:#ffffff; font-size:16px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.5s;}
.board_box td:last-child{font-weight:300;}
.board_font1{font-weight:700; color:#ffffff;}

@media screen and (max-width:1920px) {
    .main_game_box{width:100%;}
    .main_best_box{width:100%;}
}
@media screen and (max-width:1440px) {
	.visual_wrap .img2{margin-top:100px;}
	.main_game_box li{width:100%;}
	
	.main_best_box{padding:70px 0 0 0;}
	.main_best_title{font-size:32px; padding:0 20px;}
	.main_best_list{margin:30px 0 0 0;} 
	.main_best_list li{width:100%;}
	.main_best_list li a{width:100%;}
	
	.main_best_btn{margin:20px 0 0 0;}
	.main_best_item{margin:30px 0 0 0;}
	.main_best_item img{width:115%;}
	
	.main_board_box{width:100%; padding:30px 10px 30px; flex-wrap:wrap;}
	.main_board{width:100%; margin:10px 0;}
	.main_board_title{font-size:28px;}
	.board_box{margin:10px 0 0 0;}
}

@media screen and (max-width:1060px) {
	.main_game_box li{width:100%;}
	.main_best_box{padding:50px 0 0 0;}
	.main_best_title{font-size:28px;}
	.main_best_list{margin:20px 0 0 0;} 
	.main_best_btn a{font-size:18px;}
	
	.main_best_btn{margin:20px 0 0 0;}
	.main_best_item{margin:20px 0 0 0;}
	.main_best_item img{width:140%;}
}

@media screen and (max-width:768px) {
	.main_board_title{font-size:24px;}
	.board_box td{font-size:14px;}
	.main_best_title{font-size:24px;}
	.main_best_list li a{padding:10px 8px;}
	.main_best_item img{width:180%;}
}
@media screen and (max-width:380px) {
    .main_best_title{font-size:20px;}
}
/*-------------------------------------------------------------------------------------*
 *  login                                                                              *
 *-------------------------------------------------------------------------------------*/
/* 로그인배경 그라데이션 */
#login_background{background-color:rgba(0,0,0,0.8);}

.popup_none              {display:none; width:100%;}
.login_wrap{width:95%; max-width:1000px; margin:0 auto; max-height:560px; transition:all 0.5s;}
.loginbox{width:100%; float:left; background:linear-gradient(#1b1b1b 15%, #1d1d1db0 100%); box-shadow:1px 1px 0 rgba(255,255,255,0.05) inset; padding:40px 0; border-radius:10px 0 10px 10px; display:flex; position:relative;}

.close_btn_cu{background:#1b1b1b; width:40px; height:40px; line-height:40px; text-align:center; border-radius:3px 3px 0 0; color:#d4d4d4; font-weight:700; position:absolute; right:0px; top:-40px; z-index:11; transition:all 0.3s;}
.close_btn_cu  img{transition:all 0.3s;}

.loginbox_l{width:50%; position:relative;}
.loginbox_l img{position:absolute; bottom:-40px; left:10px; width:100%; max-width:476px;}
.loginbox_r{width:50%; padding:20px 15px; height:440px; max-height:440px; border-left:1px solid rgba(255,255,255,0.1); overflow-y:auto; display: flex; flex-direction: column; justify-content: center; transition:all 0.5s;}
.loginbox_r::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
.loginbox_r::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: rgba(255,255,255, 0.1); /* 스크롤바의 색상 */border-radius: 5px;}
.loginbox_r::-webkit-scrollbar-track {background: rgba(255,255,255, 0.1);  /*스크롤바 뒷 배경 색상*/}

.login_logo{float:left; width:100%; padding:0 0 0 15px;}
.login_title{float:left; width:100%; margin:30px 0 0 0; padding:0 0 0 15px; font-weight:500; font-size:16px; color:#ffffff;}
.login {float:left; width:100%; margin:10px 0 0 0;}
.login li {float:left; width:100%; padding:1%; transition:all 0.2s;} /* ysk 가로 100%로 변경시 세로형 */

.login1 {float:left; width:100%; margin:10px 0 0 0;}
.login1 li {float:left; width:100%; padding:2% 1%; position:relative; display:flex; flex-wrap:wrap; align-items: center; transition:all 0.2s;} /* ysk 가로 100%로 변경시 세로형 */

.login_input  {background-color:#222222; border:1px solid #262626; color:#ffffff; width:100%; height:50px; font-size:14px; font-weight:300; border-radius:5px; padding:0 0 0 10px;}
.login_input::placeholder {color:#bababa; font-size:12px; letter-spacing:0pt;}
.login_input:focus{border:1px solid #5efffd;}

.login_font01{font-family:'Esamanru'; font-weight:300; font-size:12px; color:#bababa;}
.login_font02{color:#ffffff;}

.login_btn_box2{float:left; width:100%; margin:10px 0 0 0; text-align:center;}
.login_btn_box2 li{float:left; width:50%; padding:1%; transition:all 0.2s; font-weight:500; font-size:14px; color:#ffffff;}
.login_btn1  {background:linear-gradient(#dbdbdb 0%, #080d0a 50%, #b4c0479a 100%); width:100%; height:50px; line-height:50px; display:inline-block; text-align:center; border-radius:5px; font-family:'Esamanru'; font-weight:200; font-size:16px; color:#ffffff;}

.login_btn2  {background:linear-gradient(#dbdbdb 0%, #080d0a 50%, #b4c0479a 100%); width:100%; height:50px; line-height:50px; display:inline-block; text-align:center; border-radius:5px; font-family:'Esamanru'; font-weight:200; font-size:16px; color:#ffffff;}

.login_btn1:hover{background:linear-gradient(#00ffe4 0%, #080d0a 48%, #00ffe4 100%);}
.login_btn2:hover{background:linear-gradient(#00ffe4 0%, #080d0a 48%, #00ffe4 100%);}

@media screen and (max-width:1060px) {
    .loginbox_r{height:auto;}
}
@media screen and (max-width:768px) {
    .loginbox_l{display:none;}
    .loginbox_r{width:100%}
	.login_logo{text-align:center;}
}
/*-------------------------------------------------------------------------------------*
 *  특별한                                                                             *
 *-------------------------------------------------------------------------------------*/
.your-class_slide_pc{overflow:hidden; width:100%; max-width:1920px; margin:0 auto;}
.class_slide_pc img{width:100% !important;}
@media screen and (max-width:1024px) {
    .your-class_slide_pc{display:none !important;}
}

/* 카지노페이지 */
.casino_wrap{float:left; width:100%;}
.casino_wrap li{float:left; width:calc(25% - 15px); margin:0 20px 20px 0; position:relative; transition:all 0.5s;}
.casino_wrap li:nth-child(4n){margin:0 0 20px 0;}
.casino_wrap li>a{display:block;}
.casino_wrap li>a img{width:100%;}

@media screen and (max-width:1024px) {
	.casino_wrap li{width:33%; margin:0 0.5% 1% 0;}
	.casino_wrap li:nth-child(4n){margin:0 0.5% 1% 0;}
	.casino_wrap li:nth-child(3n){margin:0 0 1% 0;}
}
@media screen and (max-width:768px) {
	.casino_wrap li{width:49.5%; margin:0 1% 1% 0;}
	.casino_wrap li:nth-child(4n){margin:0 1% 1% 0;}
	.casino_wrap li:nth-child(3n){margin:0 1% 1% 0;}
	.casino_wrap li:nth-child(2n){margin:0 0 1% 0;}
}

@keyframes sparkle {
  from {
    background-position: 0% 100%;
  }
  to {
    background-position: 200% 200%;
  }
}

.casino_wrap li:hover:before {animation: sparkle 2s infinite linear; background:linear-gradient(90deg, #7cf837 0%, #00ffcc 10%, #7cf837 20%, #00ffcc 30%, #ffffff 40%, #00ffcc 50%, #7cf837 60%, #ffffff 70%, #7cf837 80%, #00ffcc 90%, #7cf837 100%); background-size: 300% 300%;content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 0px;filter: blur(5px);z-index: -1;transform: scale(1.05) translateY(0px);}


/* 라디오버튼 */
.radio_wrap{float:left; height:36px; display: flex;  flex-wrap: wrap; align-content: center; align-items: center;}
.radio_wrap label {display: flex; cursor: pointer; font-weight: 500; position: relative; overflow: hidden; margin:0 5px 0 0;}
.radio_wrap label input {position: absolute; left: -9999px;}
.radio_wrap label input:checked + span {background-color: #ffffff; color:#444444;}
.radio_wrap label input:checked + span:before {box-shadow: inset 0 0 0 0.4375em #ffffff;}
.radio_wrap label>span {display: flex; align-items: center; padding: 0.375em 0.75em 0.375em 0.375em; border-radius: 5px; transition: 0.25s ease; background:rgba(255,255,255,0.1); color:#eeeeee;}
.radio_wrap label>span:hover {background-color: #ffffff; color:#444444;}
.radio_wrap label>span:before {display: flex; flex-shrink: 0; content: ""; background-color: #aaaaaa; width: 1.5em; height: 1.5em; border-radius:50%; margin-right: 0.375em; transition: 0.25s ease; box-shadow: inset 0 0 0 0.125em #eaeaea;}
.radio_wrap label>span>span{padding:0 10px; border-radius: 5px; transition: 0.25s ease; background:#444444; color:#ffffff;}

@media screen and (max-width:1024px) {
    .radio_wrap{height:auto;}
	.radio_wrap label{margin:0 5px 2px 0;}
}
@media screen and (max-width:768px) {
}