@charset "utf-8";
#wrap {float:left; width:100%; min-height:100vh; display:flex; background:#000000 url(../../images/bg.jpg) center top no-repeat; background-size:100%; position:relative; transition:all 0.5s;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.logo{float:left; width:100%; text-align:center; margin:20px 0 0 0;}
.logo a{display:block}

.left_game{float:left; width:100%; margin:10px 0 0 0;}
.left_game ul{width:260px; margin:0 auto; overflow:hidden;  border-radius:10px; background:linear-gradient(rgba(126,92,61,0.8) 0%, rgba(43,31,19,0.8) 100%); padding:10px 10px 5px;}
.left_game li{float:left; width:100%; line-height:44px; margin:0 0 5px 0; background:rgba(0,0,0,0.2); border-radius:5px; position:relative;}

.left_game li a{display:flex; position:relative; padding:0 20px;}
.left_txt{font-family: 'baluen'; font-size:18px; background: linear-gradient(#ffffff 0%, #ffe9c5 30%, #c58c5b 100%); background-clip: text; -webkit-background-clip: text; color: transparent; transition:all 0.3s;}
.left_icon{margin:0 10px 0 0;}
.left_icon img{transition:all 0.3s;}

.left_game li a:hover .left_icon img{transform:; filter:brightness(1.5);}
.left_game li a:hover .left_txt{filter:brightness(1.5);}
.msnodd{color:#ffe9c5; font-weight:500; display:inline-block; padding:0 5px; font-size:13px;}

.left_game1 ul{background:linear-gradient(rgba(76,55,36,0.8) 0%, rgba(43,31,19,0.8) 100%);}
.left_game1 li{background:rgba(0,0,0,0.3); line-height:50px; border-radius:5px;}
.left_game1 .left_txt{font-size:20px;}


.header_wrap{float:left; width:100%; padding:0 20px; height:60px; display:flex; align-items: center; flex-wrap:wrap; background:linear-gradient(to right, #3d2a12 0%, #bb773b 20%, #f1cd6e 35%, #ffffb0 50%, #f1cd6e 65%, #bb773b 80%, #3d2a12 100%);}
.notice{float:left; width:100%; max-width:25%; white-space:nowrap; overflow:hidden; text-overflow:hidden; font-family:'baluen'; font-size:14px; color:#ffffff; transition:all 0.3s;}
.top_login{float:left; margin:0 0 0 auto;}
.top_login li{float:left; margin:0 0 0 5px;}
.utill_btn1  {background:none; min-width:0px; height:44px; line-height:44px; display:inline-block; text-align:center; border-radius:5px; font-family:'Esamanru'; font-weight:300; font-size:14px; color:#ffffff; text-shadow:2px 0 5px rgba(0,0,0,0.5); cursor:pointer;}
.utill_btn2  {background:none; min-width:0px; height:44px; line-height:44px; display:inline-block; text-align:center; border-radius:5px; font-family:'Esamanru'; font-weight:300; font-size:14px; color:#ffffff; text-shadow:2px 0 5px rgba(0,0,0,0.5); cursor:pointer;}
.utill_btn3  {background:linear-gradient(to right, #3d2a12 0%, #bb773b 20%, #f1cd6e 35%, #ffffb0 50%, #f1cd6e 65%, #bb773b 80%, #3d2a12 100%); min-width:50px; height:24px; line-height:24px; padding:0 10px; display:inline-block; text-align:center; border-radius:5px; font-family:'Esamanru'; font-weight:500; font-size:14px; color:#000000; cursor:pointer;}
.utill_btn1:hover{filter:brightness(120%);}
.utill_btn2:hover{filter:brightness(120%);}
.utill_btn3:hover{filter:brightness(120%);}

.top_login{display:none;}
.header_wrap .top_login{display:block;}

.mobile_menu{float:left; width:100%; display:flex; align-items: center; padding:10px 5px; display:none;  background:linear-gradient(rgba(87,53,0,0.7) 0%, rgba(36,16,0,0.7) 100%);}
.mobile_menu i{color:#ffffff;}
.mobile_menu button{background:none; border:none; outline:none;}
.m_logo{margin:0 auto;}
.m_logo img{width:180px;}
.mobile_menu1{font-size: 2em; background: transparent; color:#ffffff;}
.mobile_menu2{font-size: 2em; background: transparent; color:#ffffff;}

.top_my{float:left; margin:0 0 0 auto;}
.top_my ul{display:flex; align-items:center;}
.top_my li{float:left; margin:0 0 0 10px; font-family:'baluen'; font-weight:300; font-size:13px; color:#000000;}
.top_my li a{display:inline-block; font-family:'baluen'; font-weight:300; font-size:13px; color:#000000;}
.top_my li i{display:inline-block; margin:0 5px 0 0; color:#3d2a12; font-size:16px;}
.my_odd{display:inline-block; margin:0 0 0 5px; font-weight:500; color:#3d2a12;}
.my_font01{font-weight:700; color:#ffea00}
.top_my li:hover a{text-decoration:underline;}

@media screen and (max-width:1520px) {
    .header_wrap{height:auto; padding:10px 10px;}
	.notice{max-width:100%;}
	.top_my{margin:10px 0 0 auto;}
}

@media screen and (max-width:1240px) {
	.header_wrap{height:auto; padding:2px 0 0;}
    .notice{display:none;}
	.top_login{width:100%; padding:3px 5px;}
	.top_login li{float:left; width:50%; padding:1px; margin:0;}
	.utill_btn1{width:100%;}
	.utill_btn2{width:100%;}
	.mobile_menu{display:flex;}
	.top_my{width:100%; margin:0; padding:5px 0; border-top:1px solid #ffe9c5;}
	.top_my ul{justify-content:center;}
	.top_my li:nth-child(1){display:none;}
	.top_my li:nth-child(5){display:none;}
	.m_hide{display:none;}
	.utill_btn3 span[data-id=close] {display: none;}
	.utill_btn3{min-width:40px;}
	.top_my li a{font-size:0;}
	.my_odd{font-size:12px; margin:0 0 0 0;}
	.top_my li a span[data-id=close] {display: none;}
	
	.top_login{display:block;}
	.header_wrap .top_login{display:none;}
	.aside_wrap .utill_btn1 img{width:100%;}
	.aside_wrap .utill_btn2 img{width:100%;}
	.top_login .utill_btn3{width:100%; height:44px; line-height:44px;}
}
.title_box{float:left; width:100%; padding:0 30px;} 

.title{float:left; width:100%; text-align: left; display:flex; align-items:center; font-family:'baluen'; font-weight:700; font-size:24px; color: #c9ab70; height: 50px; line-height: 50px; background: linear-gradient(#ffffff 0%, #ffe9c5 30%, #c58c5b 100%); background-clip: text; -webkit-background-clip: text; color: transparent;}
.title a{background:linear-gradient(to right, #3d2a12 0%, #bb773b 20%, #f1cd6e 35%, #ffffb0 50%, #f1cd6e 65%, #bb773b 80%, #3d2a12 100%); min-width:50px; height:24px; line-height:24px; padding:0 10px; display:inline-block; margin:0 0 0 10px; text-align:center; border-radius:5px; font-family:'Esamanru'; font-weight:500; font-size:14px; color:#000000; cursor:pointer;}
.s_title1{float:left; width:100%; background:linear-gradient(to right, #3d2a12 0%, #bb773b 20%, #f1cd6e 35%, #ffffb0 50%, #f1cd6e 65%, #bb773b 80%, #3d2a12 100%); padding:8px 10px; font-family: 'EsaManru'; font-weight:300; font-size:14px; color:#ffffff;}

@media screen and (max-width:768px) {
    .title_box{padding:0 10px;}
    .title{font-size:20px; text-align:center;}
    .title span{font-size:13px;}
}
/*-------------------------------------------------------------------------------------*
 *  contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.contents_wrap{float:left; width:100%; display:flex;}
.contents_left{float:left; width:300px; min-height:100vh; max-height:100vh; background:#000000 url(../../images/bg_left.jpg) center top no-repeat; position:fixed; z-index:1000; display: flex; flex-direction: column; transition:all 0.3s;}
.contents_left_inner{float:left; width:100%; height:100%; overflow-y: auto; padding:0 0 20px;}
.contents_right{float:right; width:100%; padding:0 0 0 300px; transition:all 0.3s;}
.contents_left_inner::-webkit-scrollbar {
  display: none;
}

.content_box{float:left; width:100%; padding:30px 20px 0;}
.content_box_in{float:left; width:100%; margin:0 0 0; padding:10px 30px 30px;}
.content_box_in2{width:100%; max-width:1580px; margin:0 auto; padding:0px 75px 20px;}
.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;}

@media screen and (max-width:1240px) {
	.contents_left{display:none;}
	.contents_right{padding:0;}
	.content_box{padding:0 10px;}
	.content_box_in{padding:20px 10px;}
	.content_box_in2{padding:0 10px 20px;}
}

@media screen and (max-width:768px) {
	.content_box{padding:0 5px;}
	.content_box_in{padding:0 2px 10px;}	
	.content_box_in2{padding:0 2px 10px;}	
}
/*-------------------------------------------------------------------------------------*
 *  login                                                                              *
 *-------------------------------------------------------------------------------------*/
#login{float:left; width:100%; min-height:100vh; position:fixed; left:0; top:0; z-index:9999; background:rgba(17,17,17,0.6); display:flex; align-items:center; justify-content:center; display:none; backdrop-filter: blur(10px);}
.login_wrap{width:80%; max-width:640px; margin:0 auto; max-height:560px; transition:all 0.5s;}

#join{float:left; width:100%; min-height:100vh; position:fixed; left:0; top:0; z-index:9999; background:rgba(17,17,17,0.6); display:flex; align-items:center; justify-content:center; display:none; backdrop-filter: blur(10px);}
.join_wrap{width:95%; max-width:800px; margin:0 auto; max-height:80vh; transition:all 0.5s;}
.join_box{width:100%; padding:40px 20px; max-height:88vh; overflow-y:auto; display: flex; flex-direction: column; transition:all 0.5s;}
.join_box::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
.join_box::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: rgba(255,255,255, 0.1); /* 스크롤바의 색상 */border-radius: 5px;}
.join_box::-webkit-scrollbar-track {background: rgba(255,255,255, 0.1);  /*스크롤바 뒷 배경 색상*/}

.loginbox{width:100%; float:left; background:linear-gradient(rgba(76,55,36,0.99) 0%, rgba(43,31,19,0.99) 100%); border-radius:10px 0 10px 10px; display:flex; position:relative;}

.close_btn_cu{background:rgba(76,55,36,0.99); 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:350px; position:relative;}
.loginbox_l img{position:absolute; bottom:0; left:-20px;}
.loginbox_r{width:calc(100% - 350px); padding:40px 20px; height:545px; max-height:560px; 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%; text-align:center; padding:0 20px;}
.login_logo img{width:100%; max-width:250px;}
.login_title{float:left; width:100%; margin:30px 0 0 0; padding:0 0 0 10px; font-weight:300; 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 ul{display:flex; flex-wrap:wrap;}
.login1 li {float:left; width:50%; padding:1% 1%; transition:all 0.2s;} /* ysk 가로 100%로 변경시 세로형 */
.join_title{float:left; width:100%; padding:0 0 5px; font-family:'Esamanru'; font-weight:300; font-size:12px; color:#ffffff;}
.join_text{float:left; width:100%; padding:5px 0 0; font-family:'Esamanru'; font-weight:300; font-size:12px; color:#999999;}
.join_phone{float:left; width:100%; display:flex;}
.join_phone .login_btn1{width:45%;}


.login_input  {background-color:#000000; border:1px solid #000000; color:#ffffff; width:100%; height:36px; font-size:14px; font-weight:500; border-radius:5px; padding:0 0 0 15px;  font-family:'EsaManru';}
.login_input::placeholder {color:#ffe9c5; font-size:12px; letter-spacing:0pt;}
.login_input:focus{border:1px solid #ffe9c5;}

.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(#ffe9c5 0%, #c58c5b 100%); width:100%; height:36px; line-height:36px; display:inline-block; text-align:center; border-radius:100px; font-family:'Esamanru'; font-weight:300; font-size:14px; color:#000000;}
.login_btn2  {background:linear-gradient(#9c9c9c 0%, #454545 100%); width:100%; height:36px; line-height:36px; display:inline-block; text-align:center; border-radius:100px; font-family:'Esamanru'; font-weight:300; font-size:14px; color:#ffffff;}

.login_btn1:hover{opacity:0.8;}
.login_btn2:hover{opacity:0.8;}

@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{padding:0 30px;}
	.login1 li{width:100%;} 
}
/*-------------------------------------------------------------------------------------*
 *  m_menu_fix                                                                         *
 *-------------------------------------------------------------------------------------*/
.m_menu_fix{float:left; width:100%; height:20vw; position:fixed; bottom:0; left:0; z-index:1000; background:url(../../images/bg_footer.png) center top no-repeat; background-size: cover; display:none;}
.m_menu_fix ul{float:left; width:100%; height:100%; margin:3vw 0 0 0;}
.m_menu_fix li{float:left; width:20%; height:100%;}
.m_menu_fix li a{display:block; width:100%; height:100%; padding:10px 5px 5px; text-align:center; font-weight:500; font-size:14px; color:#ffffff; line-height:1.5; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.m_menu_fix li a img{display:inline-block; margin:0 0 5px 0;}
.m_menu_fix li:nth-child(3) a{width: 15.2vw; height: 15.2vw; position: absolute; top:20%; left:50%; transform:translate(-50%); border-radius: 50%; background:linear-gradient(to right, #3d2a12 0%, #bb773b 20%, #f1cd6e 35%, #ffffb0 50%, #f1cd6e 65%, #bb773b 80%, #3d2a12 100%); font-size:16px; color:#000000;}

@media screen and (max-width:1024px) {
    .m_menu_fix{display:block;}
}
/*-------------------------------------------------------------------------------------*
 *  footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap{float:left; width:100%; padding:40px 20px 40px 20px; text-align:center; background:#24201c;}
.footer_partners1{width:100%;}
.footer_partners1 img{width:100%; max-width:1560px;}
.f_copy{width:100%;  margin:30px 0 0 0;}
.f_copy span{display:inline-block; background:rgba(255,255,255,0.03); padding:10px 40px; border-radius:100px; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#5e5e5e;}

@media screen and (max-width:1024px) {
	.footer_wrap{padding:40px 20px 20vw 20px;}
	.f_copy{margin:20px 0 0 0;}
	.f_copy span{padding:10px 20px; font-size:10px;}
}

.custumer{float:left; width:100%; margin:40px 0 0 0; padding:40px 20px 40px 20px; background:#1c1816;}
.custumer ul{display:flex; justify-content:center; margin:0 auto; width:100%; max-width:1580px;}
.custumer ul li{max-width:360px; margin:0 10px; display:flex;}
.custumer ul li a{float:left; display:block; width:100%;}
.custumer ul li a img{width:100%;}


@media screen and (max-width:1900px) {
    .custumer ul li{padding:2px; margin:0;}
}
@media screen and (max-width:1480px) {
    .custumer ul{flex-wrap:wrap; justify-content:center;}
    .custumer ul li{max-width:33.3333%;}
}
@media screen and (max-width:768px) {
    .custumer ul li{max-width:50%;}
}
@media screen and (max-width:478px) {
    .custumer ul li{max-width:100%;}
}
 /*-------------------------------------------------------------------------------------*
 *  Main                                                                                *
 *-------------------------------------------------------------------------------------*/
.main_slideshow_pc{width:100%;margin:0 auto; overflow:hidden;}
.main_slideshow_pc .swiper-slide img{width:100%;}
.main_slideshow_m{width:100%; margin:0 auto; overflow:hidden; display:none;}
.main_slideshow_m .swiper-slide img{width:100%;}

.main_game_box{width:100%; margin:0 auto; padding:0px 20px 20px;}

.main_game_m{float:left; width:100%; margin:20px 0 0 0;}
.main_game_tab{float:left; width:100%; padding:10px; border-radius:5px; background:linear-gradient(rgba(126,92,61,0.8) 0%, rgba(43,31,19,0.8) 100%);}
.main_game_tab li{float:left; width:31.65%; margin:0 2.525% 0 0;}
.main_game_tab li:nth-child(3n){margin:0 0 0 0;}
.main_game_tab li a{display:flex; align-items:center; width:100%;}
.main_game_tab li a img{width:100%;}
.main_game_tab li a [data-name="show"]{display:block;}
.main_game_tab li a [data-name="hide"]{display:none;}
.main_game_tab li.active a [data-name="show"]{display:none;}
.main_game_tab li.active a [data-name="hide"]{display:block;}
.main_game_tab li:hover a [data-name="show"]{display:none;}
.main_game_tab li:hover a [data-name="hide"]{display:block;}


.main_game_tab_con{float:left; width:100%; margin:20px 0 0 0;}


@media screen and (max-width:1240px) {
	.main_slideshow_pc{display:none;}
	.main_slideshow_m{display:block;}

}
@media screen and (max-width:768px) {
    .main_game_box{padding:0px 10px 20px; float:left; width:100%;}
    .main_game_tab_con{margin:10px 0 0 0;}
	.main_game_m{margin:10px 0 0 0;}
	.main_game_tab{padding:2px;}
	.main_game_tab li{width:49.5%; margin:0; padding:1px;}

}
/*-------------------------------------------------------------------------------------*
 *  특별한                                                                              *
 *-------------------------------------------------------------------------------------*/
/* 카지노 */
.game_title{float:left; width:100%;}
.game_title img{width:100%;}
.game_list{float:left; width:100%;}
.game_list li{float:left; width:calc(100% / 6  - 23.33333333333333px); margin:0 28px 28px 0; transition:all 0.5s;}
.game_list li:nth-child(6n){margin:0 0 28px 0;}
.game_list li a{display:block; border-radius:5px;}
.game_list li a img{width:100%;}
@media screen and (max-width:1920px) {
.game_list li{width:calc(20% - 12px); margin:0 15px 15px 0;}
.game_list li:nth-child(6n){margin:0 15px 15px 0;}
.game_list li:nth-child(5n){margin:0 0 15px 0;}
    
}
@media screen and (max-width:1280px) {
.game_list li{width:24.25%; margin:0 1% 1% 0;}
.game_list li:nth-child(6n){margin:0 1% 1% 0;}    
.game_list li:nth-child(5n){margin:0 1% 1% 0;}    
.game_list li:nth-child(4n){margin:0 0 1% 0;}    
}
@media screen and (max-width:768px) {
.game_list li{width:33%; margin:0 0.5% 1% 0;}
.game_list li:nth-child(6n){margin:0 0.5% 1% 0;}    
.game_list li:nth-child(5n){margin:0 0.5% 1% 0;}    
.game_list li:nth-child(4n){margin:0 0.5% 1% 0;}    
.game_list li:nth-child(3n){margin:0 0 1% 0;}    
}
@media screen and (max-width:1240px) {
    .game_title{padding:0 20px;}
}
.game_list li.active{filter: blur(1px) grayscale(80%); transform: scale(0.97) translateY(3px) skew(3deg);}




/* 이벤트리스트 */
.event_wrap{float:left; width:100%; margin:10px 0 0 0;}
.event_wrap ul{margin:0px 0 0 0;}
.event_wrap li{float:left; width:32.5%; margin:0 1.25% 1.25% 0; transition:all 0.5s;}
.event_wrap li:nth-child(3n){margin:0 0 1.25% 0;}
.event_wrap li a{display:block;}
.event_wrap li a img{width:100%; transition:all 0.5s;}
.event_title{float:left; width:100%; height:46px; line-height:46px; background:#1c1816; border-radius:0 0 3px 3px; padding:0 60px 0 10px; white-space:nowrap; overflow:hidden; position:relative; text-overflow:ellipsis; display:flex; align-items:center; font-family: 'EsaManru'; font-weight:300; font-size:13px; color:#ffffff;}
.event_title a{color:#ffffff;}
.event_view{position:absolute; right:10px; background:linear-gradient(to right, #3d2a12 0%, #bb773b 20%, #f1cd6e 35%, #ffffb0 50%, #f1cd6e 65%, #bb773b 80%, #3d2a12 100%); min-width:50px; height:24px; line-height:24px; padding:0 10px; display:inline-block; text-align:center; border-radius:100px; font-family:'Esamanru'; font-weight:500; font-size:14px; color:#000000 !important; cursor:pointer;}
.event_title a:hover{color:#ffe9c5;}
@media screen and (max-width:768px) {
.event_wrap li{width:49.5%; margin:0 1% 1% 0;}
.event_wrap li:nth-child(3n){margin:0 1% 1% 0;}    
.event_wrap li:nth-child(2n){margin:0 0 1% 0;}    
}

/* 라디오버튼 */
.radio_wrap{float:left; height:auto; display: flex;  flex-wrap: wrap; align-content: center; align-items: center;}
.radio_wrap label {display: flex; width:100%; cursor: pointer; font-family:'Esamanru'; font-weight:300; font-size:14px; position: relative; overflow: hidden; margin:5px 0 0 0;}
.radio_wrap label input {position: absolute; left: -9999px;}
.radio_wrap label input:checked + span {background:linear-gradient(rgba(87,53,0,0.7) 0%, rgba(36,16,0,0.7) 100%); border:1px solid #48300a; color:#ffffff;}
.radio_wrap label input:checked + span:before {box-shadow: inset 0 0 0 0.4375em #c9ab70;}
.radio_wrap label>span {display: flex; align-items: center; padding: 0.375em 1.75em 0.375em 0.375em; border-radius: 100px; transition: 0.25s ease; background:rgba(255,255,255,0.1); color:#777777;}
.radio_wrap label>span:hover {background:linear-gradient(rgba(87,53,0,0.7) 0%, rgba(36,16,0,0.7) 100%);}
.radio_wrap label>span:before {display: flex; flex-shrink: 0; content: ""; background-color: #363636; width: 1.2em; height: 1.2em; border-radius:50%; margin-right: 0.375em; transition: 0.25s ease; box-shadow: inset 0 0 0 0.125em #977750;}
.radio_wrap label>span>span{padding:0 10px; margin:0 0 0 5px; border-radius: 50px; transition: 0.25s ease; background:#c9ab70; color:#2a1500;}

/* 출석부 */
.att_box table{table-layout:fixed;}
.att_title1     {background:linear-gradient(rgba(87,53,0,0.7) 0%, rgba(36,16,0,0.7) 100%); border-top:1px solid #9f8a61; padding:10px 4px; text-align:center; font-weight:500; font-size:12px; color:#ffffff;}
.att1           {background:#24201c; border-bottom:1px solid rgba(255,255,255,0.1); color:#ffffff; width: calc(100% / 7); height:100px; padding:3px 8px 3px 8px; text-align:center; position:relative;}
.att1 img{width:90%; max-width:100px;}
.att2           {position:absolute; top:10px; left:10px; z-index:1; color:#a8a7ad;}
.att_month_title{float:left; width:100%; background:#302a22; border:1px solid #181818; font-weight:500; font-size:20px; color: #c9ab70; padding: 18px; border-radius:5px; display:flex; align-items:center; justify-content:center;}
.att_month_title button{display:inline-block; padding:0px 20px; font-weight:300; font-size:18px; opacity:0.7; color: #ffffff;}
.att_month_title button:hover{opacity:1;}

@media screen and (max-width:768px) {
	.att_month_title{text-align:center; font-size:16px; flex-wrap:wrap; justify-content:center;}
	.att_month_title span{display:block; width:100%; margin:5px 0 0 0; text-align:center;}
	.att1{height:70px;}
	.att_month_title a{padding:0 10px;}
}


.team_l{width:50%; line-height: 16px; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* white-space: normal; 팀명 짤리지않게할때 */ }
.team_r{width:50%; line-height: 16px; text-align:right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* white-space: normal; 팀명 짤리지않게할때 */ }

/* 베팅내역 */
.sports_bet_history_list{float:left; width:100%; padding:5px 10px; margin:2px 0 0 0; background:#383229; border-radius:10px;}
.sports_bet_history_list ul{display:flex; align-items:center;}
.sports_bet_history_list li{float:left; padding:5px 5px; margin:0 5px; font-family: 'EsaManru'; font-weight:300; font-size:13px; color:#ffffff;}
.history_time span{font-weight:500; color:#c8e5d7;}
.history_won1 span{font-weight:500; color:#ccff00;}
.history_odd span{font-weight:500; color:#00ffb8;}
.history_won2 span{font-weight:500; color:#f4c8ff;}
.history_won3 span{font-weight:500; color:#00ccff;}
@media screen and (max-width:1280px) {
    .sports_bet_history_list ul{flex-wrap:wrap;}
}

/* 경기결과 */
.result_title_wrap{float:left; width:100%; margin:10px 0 0 0; padding:0 0 3px 0; transition:all 0.5s;}
.result_s_title{float:left; width:100%; height:40px; background:#1c1816; border-top:1px solid #ffe9c5; border-bottom:1px solid rgba(255,255,255,0.1);}
.result_s_title ul{display: inline-flex; width: 100%; margin:0 0 3px 0; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items:center; align-self: stretch;}
.result_s_title ul li{text-align:center; line-height:40px; font-family: 'EsaManru'; font-weight:500; font-size:14px; color:#ffffff;}
.result_s_title01{float:left; width:10%;}
.result_s_title02{float:left; width:16%;}
.result_s_title03{float:left; width:58%;}
.result_s_title04{float:left; width:7%;}
.result_s_title05{float:left; width:7%;}

.result_title_list{float:left; width:100%; margin:5px 0px 0 0;}
.result_title_list>ul{display: inline-flex; width: 100%; margin:0px 0 0px 0; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items:center; align-self: stretch;}
.result_title_list>ul>li{display: inline-flex; flex-wrap: wrap; align-items: center; align-self: stretch; justify-content: center; text-align: center; margin: 0 1px 0 0; font-weight: 500; padding: 5px 5px; min-height:40px; line-height: 14px; vertical-align: middle; border-radius:5px; cursor: pointer; clear: both; font-family: 'EsaManru'; font-weight: 300; font-size:13px; color:#ffffff;}
.result_title_list>ul>li:first-child{border-radius:10px 0 0 10px;}
.result_title_list>ul>li:last-child{border-radius:0 10px 10px 0;}
.result_title_list>ul>li:last-child{margin:0;}
.result_title_list>ul>li.result_more{margin:0;}
.result_title_list>ul>li.result_ing{margin:0;}
.result_title_list>ul>li.result_league{justify-content:flex-start;}
.result_title_list>ul>li.result_state{font-weight: 500; color:#ffe9c5;}
.result_title_list>ul>li.result_team1{}
.result_title_list>ul>li.result_tie{}
.result_title_list>ul>li.result_team2{}
.result_title_list>ul>li.result_team1.active{background:linear-gradient(#ffe9c5 0%, #c58c5b 100%); color:#000000; font-weight:500;}
.result_title_list>ul>li.result_team2.active{background:linear-gradient(#ffe9c5 0%, #c58c5b 100%); color:#000000; font-weight:500;}

/* 배당색상 */
.result_team1 .team_r{color:#ffffff; font-weight:700;}
.result_team2 .team_l{color:#ffffff; font-weight:700;}
.result_team1.active .team_r{color:#8b4000;} 
.result_team2.active .team_l{color:#8b4000;} 


.result_title_list .result_time{width:calc(10% - 1px); transition:all 0.3s;}
.result_title_list .result_league{width:calc(16% - 1px); transition:all 0.3s;}
.result_title_list .result_team1{width:calc(26% - 1px); transition:all 0.3s;}
.result_title_list .result_tie{width:calc(8% - 1px); transition:all 0.3s;}
.result_title_list .result_team2{width:calc(26% - 1px);; transition:all 0.3s;}
.result_title_list .result_state{width:calc(7% - 1px); transition:all 0.3s;}
.result_title_list .result_more{width:7%; transition:all 0.3s;}

.history_title_list .result_time{width:calc(10% - 1px); transition:all 0.3s;}
.history_title_list .result_league{width:calc(13% - 1px); transition:all 0.3s;}
.history_title_list .result_team1{width:calc(28% - 1px); transition:all 0.3s;}
.history_title_list .result_tie{width:calc(7% - 1px); transition:all 0.3s;}
.history_title_list .result_team2{width:calc(28% - 1px);; transition:all 0.3s;}
.history_title_list .result_state{width:calc(7% - 1px); transition:all 0.3s;}
.history_title_list .result_more{width:7%; transition:all 0.3s;}
.history_title_list .result_ing{width:7%; transition:all 0.3s;}

/* 승무패색상 */
.state1{color:#ff5e00 !important;}
.state2{color:#b1b1b1 !important;}
.state3{color:#007eff !important;}


/* 베팅한도색상 */
.bet_max{color:#fff600;}

@media screen and (max-width:1280px) {
	.result_s_title{display:none;}
	.result_title_list{background:rgba(255,255,255,0.1);}
	.result_title_list>ul{display: flex; gap: 1px;
	  grid-template-rows: repeat(2, 1fr);
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
	.result_title_list .result_time{width:100%; order: 1; grid-column: 1 / span 3;}
	.result_title_list .result_league{width:100%; order: 2; grid-column: 4 / span 4;}
	.result_title_list .result_more{width:100%; order: 3;}
	.result_title_list .result_state{width:100%; order: 4;}

	.result_title_list .result_team1{width:100%; order: 5; grid-column: 1 / span 4;}
	.result_title_list .result_tie{width:100%; order: 6; grid-column: 5 ;}
	.result_title_list .result_team2{width:100%; order: 7; grid-column: 6 / span 4;}
		
}


/* 슬롯세부내역 */
.slot_list_box{float:left; width:100%; margin:0px 0 0 0;}
.slot_list{display: grid; grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); gap: 1.25rem 0.75rem;}
.slot_box{background:linear-gradient(rgba(87,53,0,0.7) 0%, rgba(36,16,0,0.7) 100%); width:100%; padding:0 0 0 0; float:left;}
.slot_img{width:100%; border-radius:5px; overflow:hidden;}
.slot_img img{width:100%; transition:all 0.5s;}
.slot_title{position:relative; margin:0px 0 0 0; padding:10px 20px 10px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#ffe9c5;}
@media (hover: hover) {
	.slot_box:hover .slot_img img{filter:grayscale(70%);}

}
@media screen and (max-width:768px) {
 .slot_list{display: grid; grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); gap: 1.25rem 0.75rem;}   
 .slot_title{font-size:12px;}
}

/* 미니세부내역 */
.content_box_left{float:left; width:calc(100% - 310px);}
.content_box_right{float:right; width:300px;}
.mini_iframe{margin:0 auto; width:100%; max-width:830px; display:flex; align-items:center; justify-content:center;}
@media screen and (max-width:768px) {
/* .mini_iframe iframe{width:360px; height:390px !important;} */
}


.cart_wrap{float:left; width:100%; margin:0px 0 0 0; min-height:408px; background:linear-gradient(rgba(126,92,61,0.8) 0%, rgba(43,31,19,0.8) 100%); padding:20px 10px; position:relative; border-radius:10px 10px;}

.cart_title{float:left; width:100%; height:50px; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.5) url(../../images/line.jpg) center bottom no-repeat; background-size:100%;}
.cart_title1{display:inline-block; font-family: 'EsaManru'; font-weight:300; font-size:12px; color:#ffe9c5;}
.cart_title2{display:inline-block; margin:0 10px; font-family: 'EsaManru'; font-weight:300; font-size:12px; color:#fafafa;}
.cart_title3{display:inline-block; font-family: 'EsaManru'; font-weight:500; font-size:16px; color:#ffcf00;}


.cart_info_wrap{float:left; width:100%; margin:10px 0 0 0; background:rgba(0,0,0,0.2); border-radius:10px; padding:10px 15px;}
.cart_style1 {line-height:30px; font-family: 'EsaManru'; font-weight:300; font-size:14px; color:#ffffff;} /* 카트리스트 */
.cart_style2 {float:right; font-weight:500; color:#ffe9c5;}
.cart_style2 i{width:20px;}

.cart_input{background-color:#000000; border:1px solid #000000; padding:4px 0 4px 5px; text-align:right; font-family: 'EsaManru'; font-weight:500; color:#ffcf00; border-radius:5px; height:30px; margin:0 0 0 auto; width:100%;}

.cart_btn1          {background:linear-gradient(#9c9c9c 0%, #454545 100%); width:100%; height:30px; line-height:30px; display:block; text-align:center; border-radius:100px; font-family: 'EsaManru'; font-weight:500; font-size:14px; color:#ffffff; overflow:hidden;}
.cart_btn1:hover    {background:linear-gradient(-45deg, #9c9c9c 0%, #454545 100%); color:#ffffff;}
.cart_btn2          {background:linear-gradient(#ffe9c5 0%, #c58c5b 100%); width:100%; height:40px; line-height:40px; display:inline-block; text-align:center; border-radius:100px; font-family: 'EsaManru'; font-weight:500; font-size:16px; color:#000000; overflow:hidden;}
.cart_btn2:hover    {background:linear-gradient(-45deg, #ffe9c5 0%, #c58c5b 100%);}

.cart_bet_wrap{float:left; width:100%; margin:10px 0 0 0; border-radius:10px; padding:0px; max-height:200px; overflow:hidden; overflow-y:auto;}
.cart_bet_wrap::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
.cart_bet_wrap::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: rgba(255,255,255, 0.1); /* 스크롤바의 색상 */border-radius: 5px;}
.cart_bet_wrap::-webkit-scrollbar-track {background: rgba(255,255,255, 0.1);  /*스크롤바 뒷 배경 색상*/}
.cart_bet {float:left; width:100%; padding:10px; margin:0 0 3px 0; border-radius:3px; background:#211604;}  /* 팀 선택시 */
.cart_bet:last-child {margin:0 0 0 0;}
.cart_bet_title {float:left; width:100%; padding:0 20px 0 0 ; display:flex; align-items:center; position:relative; font-family: 'EsaManru'; font-weight:300; font-size:12px; color:#c2c8ca;}
.cart_bet_close{position:absolute; right:0; top:-2px;}
.cart_bet_close i{ color:#ffe9c5;}
.cart_bet_info{float:left; width:100%; margin:5px 0 0 0; border-radius:3px; padding:10px 5px; background:#503816; display:flex; align-items:center; justify-content:space-between;}
.cart_bet_info1{font-family: 'EsaManru'; font-weight:300; font-size:13px; color:#ffffff; padding:0 10px 0 0;}
.cart_bet_info2{font-family: 'EsaManru'; font-weight:500; font-size:14px; color:#ffe9c5; white-space:nowrap;}

.cart_mini_bet_wrap{float:left; width:100%; margin:10px 0 0 0; padding:10px; background:#211604; border-radius:5px;}
.cart_mini_bet_title{float:left; width:100%; height:30px; display:flex; align-items:center; justify-content:center; background:linear-gradient(to right, #3d2a12 0%, #bb773b 20%, #f1cd6e 35%, #ffffb0 50%, #f1cd6e 65%, #bb773b 80%, #3d2a12 100%); border-radius:5px; font-weight:500; color:#000000;}

.cart_mini_bet_btn_box{float:left; width:100%; display:flex; flex-wrap:wrap; margin:5px 0 0 0;}
.mini_btn{float:left; width:49.5%; margin:0 1% 1% 0; background:linear-gradient(#704300 0%, #503200 100%); border:1px solid rgba(255,255,255,0.0); border-radius:5px; padding:10px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-family: 'EsaManru'; font-weight:500; font-size:16px; text-shadow:1px 1px 3px rgba(0,0,0,0.5); cursor:pointer;}
.mini_btn:nth-child(2n){margin:0 0% 1% 0;}

.mini_btn.red{background:linear-gradient(#ff0000 0%, #503200 100%); color:#ffffff;}
.mini_btn.blue{background:linear-gradient(#00d9ff 0%, #503200 100%); color:#ffffff;}
.mini_btn.green{background:linear-gradient(#00ff80 0%, #503200 100%); color:#ffffff;}
.mini_btn_odd{float:left; width:100%; margin:5px 0 0 0; text-align:center; font-family: 'EsaManru'; font-weight:300; font-size:13px; color:#ffffff;}

.mini_btn:hover{filter:brightness(120%)}
.mini_btn.active{border:1px solid #ffe9c5; background:linear-gradient(#281900 0%, #281900 100%);}


@media screen and (max-width:1024px) {
    .content_box_left{width:100%;}
    .content_box_right{width:100%; margin:20px 0 0 0;}
}

/* ---------------------- Custome Radio Button ------------------------ */

.radio-container{
    font-size: 13px;
    margin-bottom: 0px;
}

.radio-group{
	height: 50px;
	color: #FFF;
  }
  
  /* The container */
  .radio-container {
	display: inline-block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  /* Hide the browser's default radio button */
  .radio-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
  }
  
  /* Create a custom radio button */
  .checkmark {
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(0%, -50%);
	height: 24px;
	width: 24px;
	background-color: #eee;
	border-radius: 50%;
  }
  
  /* On mouse-over, add a grey background color */
  .radio-container:hover input ~ .checkmark {
	background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .radio-container input:checked ~ .checkmark {
	background-color: #7d7d7d;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .radio-container input:checked ~ .checkmark:after {
	display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .radio-container .checkmark:after {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	  border-radius: 50%;
	  background: white;
  }

  /* ---------------------- Custome Select ------------------------ */

  .login1 .selectbox select {
	width: 100%;
	background-color: #1d1d1d;
	height: 45px;
	padding: 0 20px;
	border: none;
	border-radius: 0;
	background-size: 25px;
	appearance: none;
	font-size: 12px;
	color: #fff;
  }

  .login1 .selectbox {
	display: inline-block;
	height: 40px;
	border: 1px solid #000000;
	border-radius: 5px;
	background: #3a2142;
  }

  .login1 .selectbox {
    height: 45px;
  }
  .login1 .selectbox > select {
    height: 43px;
    padding: 0 20px 0 10px;
  }

  .line-between {
	height: 1px;
	background-color: #00aa00;
  }