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

/*-------------------------------------------------------------------------------------*
 *  header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap{float:left; width:100%; background:url(../images/bg_header.jpg) center top no-repeat; background-size:cover; padding:0 0 0 20px;}
.header_box{float:left; width:100%; display:flex; justify-content: space-between; align-items:center; position:relative; transition:all 0.5s;height:62px;overflow:hidden}

.logo{float:left; width:270px; text-align:center; transition:all 0.5s;}
.logo a:not(.m_my_open,.m_cart_open){display:block;}
.logo img{transition:all 0.5s;}
.m_my_open{display:none;}
.m_cart_open{display:none;}

.marquee{position: absolute; width: calc(100% - 654px); z-index: 1000;top: 6px; left: 324px;}
.gnb{float:left;  /*margin:0 auto; margin-left:40px;*/  transition:all 0.5s;width:100%;margin-top:23px;}
.gnb ul{ }
.gnb li{float:left; margin:0 5px 0 0; transition:all 0.5s;}
.gnb li:first-child{margin-left:65px;}
.gnb li:last-child{margin:0;}
.gnb li a{display:block; padding:0 5px; border-bottom:2px solid rgba(255,255,255,0.0); line-height:36px; font-family: 'Nanum Gothic','sans-serif'; font-weight:700; font-size:17px; color:#fffefe; transition:all 0.5s;}
.gnb li a:hover{border-bottom:2px solid rgba(255,255,255,0.99);}
.gnb li:nth-child(-n+15) a{color:#fff;}
.gnb li:nth-child(-n+15) a:hover{border-bottom:2px solid #20px;}
.header_right{width:100%; padding:0 0 0 0px; display:flex; flex-wrap:wrap; align-items:center; transition:all 0.5s;}
.utill_right{position:absolute;right:0px;top:0; transition:all 0.5s;width:300px; }
.time{line-height:38px; font-family: 'EsaManru','sans-serif'; font-weight:700; font-size:16px; color:#fff; transition:all 0.5s;text-align:right;padding-right:5px}
.utill{float:left; margin:0 0 0  0px; position:relative; z-index:1;width:304px;margin-top:-1px}
.utill li{float:left; margin:0 0 0 0px; transition:all 0.5s;}
.utill li img{height:65px;width:151px}
 

/*
.utill_right{float:right; margin:0 0 0 auto; transition:all 0.5s;}
.time{line-height:38px; font-family: 'EsaManru','sans-serif'; font-weight:700; font-size:16px; color:#fff; transition:all 0.5s;text-align:right;padding-right:5px}
.utill{float:left; margin:0 0 0  0px; position:relative; z-index:1;}
.utill li{float:left; margin:0 0 0 10px; transition:all 0.5s;}
.utill li.btnblue a{display:block;background: linear-gradient(to bottom, #0045f7 0%, #071e6a 100%); min-width:110px; text-align:center; padding:0 10px; height:38px; line-height:37px; border-radius:38px; font-family: 'Nanum Gothic','sans-serif'; font-weight:500; font-size:17px; color:#ffffff; transition:all 0.5s;}
.utill li.btnred a{display:block;background: linear-gradient(to bottom, #f90303 0%, #880536 100%); min-width:110px; text-align:center; padding:0 10px; height:38px; line-height:37px; border-radius:38px; font-family: 'Nanum Gothic','sans-serif'; font-weight:500; font-size:17px; color:#ffffff; transition:all 0.5s;}
.utill li.btnblue a:hover{display:block;background: linear-gradient(to bottom, #071e6a 0%, #0045f7 100%); min-width:110px; text-align:center; padding:0 10px; height:38px; line-height:38px; border-radius:38px; font-family: 'Nanum Gothic','sans-serif'; font-weight:500; font-size:17px; color:#ffffff; transition:all 0.5s;}
.utill li.btnred a:hover{display:block;background: linear-gradient(to bottom, #880536 0%, #f90303 100%); min-width:110px; text-align:center; padding:0 10px; height:38px; line-height:37px; border-radius:38px; font-family: 'Nanum Gothic','sans-serif'; font-weight:500; font-size:17px; color:#ffffff; transition:all 0.5s;}
*/

.my_btn01{border:1px solid rgba(255,255,255,0.2); width:100%; padding:1px 15px; text-align:center; display:inline-block; color:#ffffff; font-size:12px; font-weight:300; border-radius:3px; font-family: 'Nanum Gothic','sans-serif'; transition:all 0.3s;}

@media screen and (max-width:1744px) {
 
.xgnb{margin:0 0 0 auto;}
.xgnb li{float:left; margin:0 0 0 30px;}
.xgnb li:last-child{margin:0 0 0 30px;}
.xgnb li:first-child{margin:0;}
 
.xutill_right{margin:10px 0 0 auto;}
}

@media screen and (max-width:1440px) {
 
.xgnb li{float:left; margin:0 0 0 20px;}
.xgnb li a{font-weight:500; font-size:15px;}
.time{font-weight:500; font-size:15px;}
.utill li a{font-weight:500; font-size:15px;}
 
}
 
@media screen and (max-width:1200px) {
 
.kor-time{display:none;}
}
 
@media screen and (max-width:1000px) {
 
.utill{display:none;}
}
@media screen and (max-width:768px) {
.header_wrap{padding:0 5px;height:64px;overflow:hidden}
.header_box{justify-content: center; padding:10px 0;}
.header_right{display:none;}
.logo{float:left; width:auto;margin-top:-5px}
.logo_img{width:150px;}
.m_my_open{display:inline; position:absolute; left:5px; top:46%; transform:translateY(-50%);}
.m_cart_open{display:inline; position:absolute; right:5px; top:50%; transform:translateY(-50%);}
 .marquee{position: absolute; width: calc(100% - 24px) !important; z-index: 1000;top: 48px; left:10px;}
}

@media screen and (max-width:480px) {

}

/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.title_wrap {float:left; width:100%; padding:0 10px 0 20px; background:url(../images/bg_pattern.jpg) center top repeat;}
.title {float:left; font-family:'Nanum Gothic','sans-serif'; line-height:60px; font-weight:700; font-size:24px; color:#ffffff; text-shadow: 2px 0px 3px rgba(0, 0, 0, 0.6);}

.s_title1 {float:left; width:100%; line-height:44px; padding:0 20px; background:#444444; font-family:'Nanum Gothic','sans-serif'; font-weight:500; font-size:16px; color:#ffffff; transition:all 0.5s;}
.s_title2 {float:left; width:100%; margin:20px 0 0 0; border-left:1px solid #eaeaea; padding:5px 5px 5px 10px; font-family:'Nanum Gothic','sans-serif'; font-weight:500; color:#ffffff; font-size:20px; text-shadow:2px 0 3px rgba(0,0,0,0.3); transition:all 0.5s;}

#contents_wrap {float:left; width:100%; margin:0 0 0 0; display:flex; justify-content:space-between; min-height:calc(100vh - 90px); max-height:calc(100vh - 90px); overflow:hidden; }
#contents_wrap::-webkit-scrollbar {
  display: none;
}

.contents_box_left{float:left; width:300px; border-right:1px solid rgba(255,255,255,0.1); overflow:hidden;}
.contents_box_center{float:left; width:calc(100% - 640px); margin-top:20px; overflow-y:auto;}
.contents_box_right{float:right; width:300px; border-left:1px solid rgba(255,255,255,0.1);  padding:0 0 30px 0; overflow-y:auto;}
.contents_box_center::-webkit-scrollbar {display: none;}
.contents_box_right::-webkit-scrollbar {display: none;}

.contents_box{float:left; width:100%; margin:10px 0 0 0;}

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


.left_title{float:left; width:100%; height:40px; background:linear-gradient(to right, #d22063 0%, #ff3a84 100%); text-align:center; line-height:40px; font-family: 'Nanum Gothic','sans-serif'; font-weight:700; font-size:20px; color:#ffffff;}

.left_menu_box{float:left; width:100%; height:calc(100% - 50px); padding:0 0 30px; overflow-y:auto;}
.left_menu_box::-webkit-scrollbar {
  display: none;
}

.left_event_box{float:left; width:100%;}
.left_event_box li{float:left; width:50%;}
.left_event_box li a{display:block;}
.left_event_box li a img{width:100%;}


.left_game_box{float:left; width:100%; margin:10px 0 0 0; padding:0 14px;}
.left_game_box li{float:left; width:100%; margin:0 0 5px 0;}
.left_game_box li a{display:block; width:100%; display:flex; justify-content: space-between; height:60px; line-height:60px; border-radius:5px; padding:0 18px 0 12px; border:1px solid rgba(255,255,255,0.2); font-family:'Nanum Gothic','sans-serif'; font-weight:500; color:#ffffff; font-size:17px; transition:all 0.5s;}
.left_game_box li a:hover{border:1px solid #ff3b85; color:#ff3b85;}

@media screen and (max-width:1744px) {
#contents_wrap {min-height:calc(100vh - 130px); max-height:calc(100vh - 130px);}
}

@media screen and (max-width:1440px) {
   .title_wrap{padding:0 10px;}
   .title_box{float:left; width:100%;}
}

@media screen and (max-width:1280px) {
.contents_box_left      {display:none;}
.contents_box_center      {width:calc(100% - 320px);}
}
@media screen and (max-width:1070px) {
#contents_wrap {min-height:calc(100vh - 172px); max-height:calc(100vh - 172px);}
}

@media screen and (max-width:1024px) {
#contents_wrap{padding:0 5px;}	
.contents_box_right      {display:none;}
.contents_box_center      {width:100%;} 

}

@media screen and (max-width:768px) {
   .title_box{padding:10px;} 
   .title_wrap{padding:0 5px;}
#contents_wrap{min-height:calc(100vh - 84px); max-height:calc(100vh - 84px);}   
.contents_box_center      {margin:10px 0 0 0;} 
.left_event_box{margin:10px 0 0 0; padding:0 5px;}
.left_game_box{float:left; width:100%; margin:10px 0 0 0; padding:0 5px;}
}

/*-------------------------------------------------------------------------------------*
 *  footer                                                                             *
.footer_wrap{float:left; width:100%; padding:40px 20px 50px; margin:40px 0 0 0; text-align:center; transition:all 0.5s;}
 *-------------------------------------------------------------------------------------*/
.footer_wrap{
    position: fixed;
    width: 100%;
    padding: 15px 20px 10px;
    margin: 40px 0 0 0;
    text-align: center;
    transition: all 0.5s;
    z-index: 100;
    bottom: 0;
	background-color:#111111;
}
.footer_partners{float:left; width:100%; margin:0 0 0 0; text-align:center; transition:all 0.5s;}
.footer_partners img{width:100%; max-width:692px;}
.footer_copy{float:left; width:100%; margin:25px 0 0 0; text-align:center; font-weight:500; font-size:18px; color:#737373; transition:all 0.5s;}

@media screen and (max-width:1440px) {
}

@media screen and (max-width:768px) {
	.footer_wrap{padding:10px 20px 10px; margin:20px 0 0 0;}
	.footer_partners{margin:20px 0 0 ;}
	.footer_copy{margin:10px 0 0 ; font-size:12px;}
}

/*-------------------------------------------------------------------------------------*
 *  main                                                                               *
 *-------------------------------------------------------------------------------------*/
.visuall_wrap{width:1280px; margin:0 auto; overflow:hidden;}
.visuall_wrap .swiper-slide img{width:100%; max-width:1280px;}
.main_wrap{float:left; width:100%; margin:20px 0 0 0;}
.main_box{width:1280px; margin:0 auto; min-height:400px; display:flex; align-items:center; justify-content:space-between;}
 
.main_pop{width:33%; height:420px; background:url(../images/bg_header.jpg) center top no-repeat; background-size:cover;}
.main_pop_title{float:left; width:100%; line-height:60px; text-align:center; background:url(../images/bg_pattern.jpg) center top repeat; font-family:'Nanum Gothic','sans-serif'; font-weight:700; font-size:24px; color:#ff3b85; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);}
.main_pop_con{float:left; width:100%; margin:0 0 0 0; height:340px; overflow-y:auto; text-align:center; padding:20px; font-family:'Nanum Gothic','sans-serif'; font-weight:500; font-size:16px; color:#ffffff; line-height:1.8;}
.pop_font01{font-weight:700; font-size:20px; color:#2fadff;}
 
.main_pop_con::-webkit-scrollbar {
    width: 2px;  /* 스크롤바의 너비 */
}

.main_pop_con::-webkit-scrollbar-thumb {
    height: 20%; /* 스크롤바의 길이 */
    background: #e1d1b8; /* 스크롤바의 색상 */
    
    border-radius: 10px;
}

.main_pop_con::-webkit-scrollbar-track {
    background: rgba(255,255,255, 0.1);  /*스크롤바 뒷 배경 색상*/
}

@media screen and (max-width:1920px) {
    .visuall_wrap{float:left; width:100%;}
    .main_box{float:left; width:100%;}

}

@media screen and (max-width:1440px) {
    .main_box{float:left; width:100%; flex-wrap:wrap;}
	.main_pop{width:100%; margin:10px 0 0 0; padding:0 0 30px 0; height:250px;}
	.main_pop_con{padding:20px; height:150px; margin:10px 0 0 0;}
	.main_pop_title{font-size:20px;}
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:768px) {
	.main_pop_title{font-size:18px;}
	.main_pop_con{font-size:14px;}    
}

/*-------------------------------------------------------------------------------------*
 *  out_login                                                                          *
 *-------------------------------------------------------------------------------------*/
 
/* 로그인 */
.out_login_wrap_wrap {float:left; width:100%; min-height:100vh; background:url("../images/bg_login.jpg") center top no-repeat; background-size:cover; display:flex; align-items:center;}
.out_login_wrap_box  {margin:0px auto; width:440px; transition:all 0.5s;}

.out_login_logo {float:left; width:100%; margin:0 0 20px 0; text-align:center; transition:all 0.5s;}

.out_login_box_wrap {float:left; width:100%; background:url("../images/bg_header.jpg") left top no-repeat; background-size:cover; box-shadow:5px 0px 10px 0px rgba(0,0,0,0.6); border-radius:15px; padding:13% 7%;}
.out_login {float:left; width:100%;}
.out_login li {float:left; width:100%; padding:1%; text-align:center; transition:all 0.2s;} /* ysk 가로 100%로 변경시 세로형 */

.out_login_text{float:left; width:100%; text-align:center; padding:0 0 20px 0; font-family: 'Nanum Gothic','sans-serif'; font-weight:500; font-size:20px; color:#ffffff;}

.out_login_input  {background-color:#4a4a4a; border:1px solid #292929; color:#ffffff; width:100%; height:50px; font-size:16px; font-weight:500; border-radius:5px; padding:0 0 0 10px;}
.out_login_input::placeholder {color:#f4f4f4; font-size:14px; letter-spacing:0pt;}
.out_login_input:focus{border:1px solid #ff3b85; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}

.out_login_btn1        {background:linear-gradient(to right, #d22063 0%, #ff3a84 100%); width:100%; height:60px; line-height:60px; text-align:center; display:inline-block; color:#ffffff; font-size:22px; font-weight:700; border-radius:5px; letter-spacing:-1pt; font-family:'Nanum Gothic','sans-serif';}
.out_login_btn1:hover  {background:linear-gradient(-45deg, #d22063 0%, #ff3a84 100%);}

.out_login_btn2        {background:linear-gradient(to right, #414141 0%, #535353 100%); width:100%; height:60px; line-height:60px; text-align:center; display:inline-block; color:#ffffff; font-size:22px; font-weight:700; border-radius:5px; letter-spacing:-1pt; font-family:'Nanum Gothic','sans-serif';}
.out_login_btn2:hover  {background:linear-gradient(-45deg, #414141 0%, #535353 100%);}

.out_login_btn3        {border-bottom:1px solid #ff3b85; padding:0 25px; height:60px; line-height:60px; text-align:center; display:inline-block; color:#ffffff; font-size:22px; font-weight:700; border-radius:0px; letter-spacing:-1pt; font-family:'Nanum Gothic','sans-serif';}
.out_login_btn3:hover  {border-bottom:1px solid #999999; color:#999999;}

/* 추천인 */
.out_close {float:left; width:100%; text-align:center; padding:0 0 20px 0;}

.out_code_wrap {float:left; width:100%; height:100vh; display:flex; align-items:center;}
.out_code_box {margin:0px auto; width:600px; transition:all 0.5s;}

.out_code_box_wrap {float:left; width:100%; background:url("../images/bg_header.jpg") left top no-repeat; background-size:cover; border-radius:10px; padding:7%;}
.out_code {float:left; width:100%;}
.out_code li {float:left; width:100%; padding:1%;} /* ysk 가로 100%로 변경시 세로형 */

.out_code_text {float:left; width:100%; text-align:center; padding:0 0 20px 0; font-weight:400; font-size:16px; color:#ffffff;}

/* 회원가입 */
.out_join_wrap {float:left; width:100%; margin:30px 0 0 0;}
.out_join_box {margin:0px auto; width:800px; transition:all 0.5s;}

.out_join_logo {float:left; width:100%; margin:10px 0 10px 0;}
.out_join_logo img {width:300px;}

.out_join_box_wrap {float:left; width:100%; background:url("../images/bg_header.jpg") left top no-repeat; background-size:cover; border-radius:10px; padding:3%;}
.out_join {float:left; width:100%; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); padding:10px 0 10px 0;}
.out_join ul {float:left; width:50%;} /* ysk 가로 100%로 변경시 세로형 */
.out_join ul li {float:left; width:100%; padding:2%; line-height:30px;} 
.phone {display:flex; align-items:center;}

.out_join_text {float:left; width:100%; padding:0 0 10px 10px; font-weight:400; font-size:16px; color:#ffffff;}

.out_join_btn {float:left; width:100%; overflow:hidden;}
.out_join_btn li {float:left; width:48%; margin:2% 1% 0 1%;}

.out_join_input1  {background-color:#4a4a4a; border:1px solid #292929; color:#ffffff; width:100%; height:50px; font-size:16px; font-weight:500; border-radius:5px; padding:0 0 0 10px;}
.out_join_input1::placeholder {color:#f4f4f4; font-size:14px; letter-spacing:0pt;}
.out_join_input1:focus{border:1px solid #ff3b85; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}



@media screen and (max-width:1024px) {
	.out_join_box {width:90%;}
	.out_join_box_wrap {padding:6%;}	
	.out_join ul {width:100%;}	
	.out_join_btn {width:100%;}
}

@media screen and (max-width:768px) {
	.out_login_wrap_box  {width:80%;}

	.out_login_logo img {width:70%;}	
	.out_login li {width:100%;}
	
	.out_code_box {width:80%;}
}



#etc_pop1_background{z-index:999;}
/*-------------------------------------------------------------------------------------*
 *  out_login animations                                                               *
 *-------------------------------------------------------------------------------------*/
.out_motion111{
	animation:out_motion111 2.5s;
}

@keyframes out_motion111 {
	0% {
		transform: scale(1.5);
		opacity: 0.1;		
	}
	
	100% {
		transform: scale(1);
		opacity: 1;	
	}			
}




/*-------------------------------------------------------------------------------------*
 *  out_login animations popup                                                         *
 *-------------------------------------------------------------------------------------*/
/* 한개의 스타일 */
.out_popup111	{animation-name: out_popup111; animation-duration: 0.5s; animation-timing-function: ease; visibility: visible !important;}

				@keyframes out_popup111 {
					0%   {transform: translateY(-300%);}			
					100% {transform: translateY(0%);}		
				}

/* 한개의 스타일 */
.out_popup222	{animation-name: out_popup222; animation-duration: 0.5s; animation-timing-function: ease; visibility: visible !important;}

				@keyframes out_popup222 {
					0%   {transform: translateY(-300%) scaleX(4.0);}			
					100% {transform: translateY(0%) scaleX(1);}		
				}

/* 한개의 스타일 */
.out_popup333	{animation-name: out_popup333; animation-duration: 1.1s; animation-timing-function: ease; visibility: visible !important;}

				@keyframes out_poout_popup333pup03 {
					0%   {transform: translateY(-300%) scaleX(4.0);}	
					50%  {transform: translateY(2%) scaleX(1.3);}				
					100% {transform: translateY(0%) scaleX(1);}		
				}

 
/*-------------------------------------------------------------------------------------*
 *  sports                                                                             *
 *-------------------------------------------------------------------------------------*/
/* 경기결과 */
.sport_title_wrap{float:left; width:100%; margin:0 0 5px 0; border:1px solid rgba(255,255,255,0.2); padding:0 0px 3px 0px; transition:all 0.5s;}
.sport_title{float:left; width:100%; height:30px; display:flex; align-items:center; justify-content:space-between; overflow: hidden; font-size:14px; padding:3px 10px 0 10px;}
.sport_s_title{float:left; font-family: 'Nanum Gothic','sans-serif'; font-weight: 700; color: #ffffff; font-size: 26px; text-shadow: 2px 0 3px rgb(0 0 0 / 30%); transition: all 0.5s;}
.sport_league{float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'Nanum Gothic','sans-serif'; font-weight:300; font-size:12px; color:#ffffff;}
.sport_title_time{display:none; float:right; font-size:12px; color:#ffffff;}

.sport_title_list{}
.sport_title_list>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;}
.sport_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: 8px 5px; line-height: 14px; vertical-align: middle; background:#343434;  border-radius:2px; cursor: pointer; clear: both; font-size:12px;}
.sport_title_list>ul>li.sport_team1:hover{background:#ff3b85; color:#ffffff; font-weight:500;}
.sport_title_list>ul>li.sport_tie:hover{background:#ff3b85; color:#ffffff; font-weight:500;}
.sport_title_list>ul>li.sport_team2:hover{background:#ff3b85; color:#ffffff; font-weight:500;}
.sport_title_list>ul>li.sport_more{background:#2a2a2a; border:1px solid #ff3b85; border-radius:2px;}
.sport_title_list>ul>li.sport_more:hover{background:linear-gradient(-45deg, #ff3b85 0%, #5427ea 100%);}

/* 승무패색상 */
.state1{color:#ff0066;}
.state2{color:#00ccff;}
.state3{color:#b4ff00;}
.state4{color:#ff9c00;}
.state5{color:#00ffa2;}

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

/* 배당색상 */
.sport_team1 .team_r{color:#ff3b85;}
.sport_team2 .team_l{color:#ff3b85;}
.sport_team1:hover .team_r{color:#ffffff; font-weight:500;} 
.sport_team2:hover .team_l{color:#ffffff; font-weight:500;} 


.sport_time{width:15%; transition:all 0.5s;}
.sport_team1{width:30%; transition:all 0.5s;}
.sport_tie{width:7%; transition:all 0.5s;}
.sport_team2{width:30%; transition:all 0.5s;}
.sport_state{width:9%; transition:all 0.5s;}
.sport_more{width:7%; transition:all 0.5s;}
.sport_ing{width:7%; transition:all 0.5s;}
.team_l{width:50%; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* white-space: normal; 팀명 짤리지않게할때 */ }
.team_r{width:50%; text-align:right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* white-space: normal; 팀명 짤리지않게할때 */ }

@media screen and (max-width:1024px) {
.contents_left{width:100%;}
.contents_right{display:none;}

	
.bet_list1_wrap{margin:0 0 5px 0;}

.sports_list_title{height:auto;}
.sports_list_title2{width:50%}
.sports_list_title3{width:100%; height:50px; overflow:hidden; overflow-x:scroll;}
.sports_list_title3 ul{width:150%;}
.sports_input1{width:100%;}
.sports_s_left{width:100%;}
.sports_s_right{display:none;}

.bet_list_td{letter-spacing:-1pt;}

.sports_s_left .bet_list1_wrap{display:block;}
.sport_title_time{display:block;}

.sport_time{display:none !important;}
.sport_team1{width:40%;}
.sport_tie{width:9%;}
.sport_team2{width:40%;}
.sport_state{display:none !important;}
.sport_more{width:9%;}
.sport_ing{width:9%;}

}
@media screen and (max-width:520px) {
.sport_more{display:none !important;}
.sport_team1{width:43%;}
.sport_tie{width:12%;}
.sport_team2{width:43%;}
.sport_title_list>ul>li{font-size:10px;}
}

/* 스포츠 */
.sport_title_list2 .sport_time{width:15%; transition:all 0.5s;}
.sport_title_list2 .sport_team1{width:33%; transition:all 0.5s;}
.sport_title_list2 .sport_tie{width:10%; transition:all 0.5s;}
.sport_title_list2 .sport_team2{width:33%; transition:all 0.5s;}
.sport_title_list2 .sport_more{width:7%; transition:all 0.5s;}


@media screen and (max-width:1024px) {
.sport_title_list2 .sport_team1{width:37%; transition:all 0.5s;}
.sport_title_list2 .sport_tie{width:12%; transition:all 0.5s;}
.sport_title_list2 .sport_team2{width:37%; transition:all 0.5s;}
.sport_title_list2 .sport_more{width:12%; transition:all 0.5s;}

}
@media screen and (max-width:520px) {
.sport_more{display:none !important;}
.sport_title_list2 .sport_team1{width:43%; transition:all 0.5s;}
.sport_title_list2 .sport_tie{width:12%; transition:all 0.5s;}
.sport_title_list2 .sport_team2{width:43%; transition:all 0.5s;}
}
/* 베팅내역 */
.sport_title_list3 .sport_time{width:10%; transition:all 0.5s;}
.sport_title_list3 .sport_state{width:10%; transition:all 0.5s;}
.sport_title_list3 .sport_team1{width:calc(26.5% - 3px); transition:all 0.5s;}
.sport_title_list3 .sport_tie{width:7%; transition:all 0.5s;}
.sport_title_list3 .sport_team2{width:calc(26.5% - 3px); transition:all 0.5s;}
.sport_title_list3 .sport_ing{width:10%; transition:all 0.5s;}
.sport_title_list3 .sport_result{width:10%; margin:0; transition:all 0.5s;}

.bet_hstory            {display:flex; align-items: center; justify-content: space-between; height:40px; padding:0 10px; background:#343434; transition:all 0.5s;}
.bet_hstory_left{transition:all 0.5s;}
.bet_hstory_left ul li {float:left; margin:2px 20px 0 0; color:#ffffff;}
.bet_hstory_right      {float:right; transition:all 0.5s;}
.bet_hstory_font1      {color:#d000ff; font-weight:700;}
.bet_hstory_font2      {color:#00ff78; font-weight:700;}

@media screen and (max-width:1024px) {
.sport_title_list3 .sport_time{display:block !important;}
.sport_title_list3 .sport_state{display:block !important;}

.sport_title_list3 ul{display: grid; gap: 1px;
  grid-template-rows: repeat(2, 1fr);
grid-template-columns: 22.4% 22.4% 9.5% 22.4% 22.4%;}
.sport_title_list3 .sport_time{width:100%; order: 1;}
.sport_title_list3 .sport_state{width:100%; order: 2; grid-column: 2 / span 2;}
.sport_title_list3 .sport_ing{width:100%; order: 3;}
.sport_title_list3 .sport_result{width:100%; order: 4;}

.sport_title_list3 .sport_team1{width:100%; order: 5; 	grid-column: 1 / span 2;}
.sport_title_list3 .sport_tie{width:100%; order: 6;}
.sport_title_list3 .sport_team2{width:100%; order: 7; 	grid-column: 4 / span 2;}


.bet_hstory{flex-wrap: wrap; height:auto; padding:10px;}
.bet_hstory_left{width:100%;}
.bet_hstory_left ul li{margin:2px 10px 0 0;}
.bet_hstory_right{width:100%; margin:10px 0 0 0; text-align:right;}
}

/* 카트 */
.cart_open2{position:fixed; float:left; text-align:center; background:#000000; border:1px solid rgba(255,255,255,0.2); border-radius:5px; width:60px; height:60px; line-height:56px; bottom:70px; left:30px; z-index:998; display:none;}
.cart_count2 {width:25px; height:25px; line-height:25px; background:#000000; color:#ff3b85; border-radius:100px; position:fixed; left:70px; bottom:112px; font-weight:500; text-align:center;z-index:999; font-size:13px; display:none;}
#cart{float:left; width:100%; display:none;}
.cart_cart_wrap{width:90%; margin:0 auto; overflow:hidden;}
.cart_close{float:left; width:100%; text-align:center; padding:30px 0 0 0;}

.cart_cart_wrap .cart_wrap {background:#202020;}

.cart_wrap {float:left; width:100%; padding:0 5px 10px 5px; margin:0 0 0 0; background:#202020;}
.cart_title {float:left; width:100%; padding:4px 5px 3px 10px; line-height:34px; background:#ff3b85; border:1px solid #ff3b85; font-weight:900; font-family:Arial; letter-spacing:-1pt;}
.cart_title_font{font-family: 'Nanum Gothic','sans-serif'; font-weight:700; font-size:16px; color:#ffffff;}
.cart_bet {background:url(../images/bg_pattern.jpg) center top repeat; border:1px solid rgba(255,255,255,0.2); padding:5px 12px 3px 12px; line-height:22px; margin:3px 0 0 0; color:#fffc15;}  /* 팀 선택시 */
.cart_bet td {font-family: 'Nanum Gothic','sans-serif'; color:#ffffff;}

.cart_style1 {line-height:25px; padding:3px 5px 3px 5px; font-family: 'Nanum Gothic','sans-serif'; font-weight:300; font-size:14px; color:#acacac; border-bottom:1px solid rgba(255,255,255,0.1);} /* 카트리스트 */
.cart_style2 {float:right; color:#fff; font-weight:700;}
.cart_style2 a{color:#fff; font-weight:700;}
.cart_style3 {float:right; color:#cccccc; font-weight:700;}


.cart_btn1          {border:1px solid rgba(255,255,255,0.2); width:100%; text-align:center; display:inline-block; color:#ffffff; font-size:15px; font-weight:500; border-radius:3px; line-height:34px; font-family: 'Nanum Gothic','sans-serif'; transition:all 0.3s;}
.cart_btn1:hover    {border:1px solid #ff3b85; color:#ff3b85;}

.cart_btn2          {background:linear-gradient(#5427ea 0%, #5427ea 100%); width:100%; text-align:center; display:inline-block; color:#ffffff; font-size:18px; font-weight:700; border-radius:3px; line-height:50px; font-family: 'Nanum Gothic','sans-serif'; transition:all 0.3s;}
.cart_btn2:hover    {background:linear-gradient(-45deg,#ff3b85 0%, #5427ea 100%);}

.cart_btn3          {border:1px solid rgba(255,255,255,0.2); width:100%; text-align:center; display:inline-block; color:#ffffff; font-size:13px; font-weight:500; border-radius:3px; line-height:34px; font-family: 'Nanum Gothic','sans-serif'; transition:all 0.3s;}
.cart_btn3:hover    {border:1px solid #ff3b85; color:#ff3b85;}

.cart_input1 {background-color:#2e2b25; border:1px solid rgba(255,255,255,0.2); padding:4px 0 4px 5px; color:#ffffff; font-size:12px; border-radius:3px; height:34px; text-align:right;}

.customer_box{float:left; width:100%; margin:10px 0 0 0; padding:0 0 0 25px; height:130px; background:url(../images/bg_customer.jpg) center top no-repeat; background-size:cover; display: flex; flex-direction: column; justify-content: center;}
.customer_font01{float:left; width:100%; font-family: 'Nanum Gothic','sans-serif'; font-weight:300; font-size:18px; color:#ffffff; text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.43);}
.customer_font01 span{font-weight:700;}
.customer_font02{float:left; width:100%; margin:10px 0 0 0; font-family: 'Nanum Gothic','sans-serif'; font-weight:700; font-size:24px; color:#ffffff; text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.43);}

@media screen and (max-width:1024px) {
    .cart_open2{display:block;}
    .cart_count2{display:block;}
}


/* 파워볼 */
.mini_movie_wrap {float:left; width:100%; min-height:300px; overflow:hidden; background:#000000; text-align:center; padding:20px 0 20px;}
/* 경기결과 */
.mini_title_wrap{float:left; width:100%; margin:0 0 5px 0; border:1px solid rgba(255,255,255,0.2); padding:0 0 3px 0; transition:all 0.5s;}
.mini_title{float:left; width:100%; height:30px; display:flex; align-items:center; justify-content:space-between; overflow: hidden; font-size:14px; padding:3px 10px 0 10px;}
.mini_s_title{float:left; font-family: 'GmarketSans'; font-weight: 700; color: #ffffff; font-size: 26px; text-shadow: 2px 0 3px rgb(0 0 0 / 30%); transition: all 0.5s;}
.mini_league{float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'Nanum Gothic','sans-serif'; font-weight:300; font-size:12px; color:#ffffff;}
.mini_title_time{float:right; font-size:12px; color:#ffffff;}

.mini_title_list{}
.mini_title_list>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;}
.mini_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: 8px 5px; line-height: 14px; vertical-align: middle; background:#343434;  border-radius:2px; cursor: pointer; clear: both; font-size:12px;}
.mini_title_list>ul>li.mini_team1:hover{background:#ff3b85; color:#ffffff; font-weight:500;}
.mini_title_list>ul>li.mini_tie:hover{background:#ff3b85; color:#ffffff; font-weight:500;}
.mini_title_list>ul>li.mini_team2:hover{background:#ff3b85; color:#ffffff; font-weight:500;}
.mini_title_list>ul>li.mini_more{background:#2a2a2a; border:1px solid #ff3b85; border-radius:2px;}
.mini_title_list>ul>li.mini_more:hover{background:linear-gradient(-45deg, #ff3b85 0%, #5427ea 100%);}

/* 배당색상 */
.mini_team1 .team_r{color:#ff3b85;}
.mini_team2 .team_l{color:#ff3b85;}
.mini_team1:hover .team_r{color:#ffffff; font-weight:500;} 
.mini_team2:hover .team_l{color:#ffffff; font-weight:500;} 


.mini_time{width:15%; transition:all 0.5s;}
.mini_team1{width:30%; transition:all 0.5s;}
.mini_tie{width:7%; transition:all 0.5s;}
.mini_team2{width:30%; transition:all 0.5s;}
.mini_state{width:9%; transition:all 0.5s;}
.mini_more{width:7%; transition:all 0.5s;}
.mini_ing{width:7%; transition:all 0.5s;}

.mini_title_list .team_l{padding:0 5px;}
.mini_title_list .team_r{padding:0 5px;}


@media screen and (max-width:768px) {
.mini_title_list ul{display: grid; gap: 1px;
  grid-template-rows: repeat(2, 1fr);
grid-template-columns: 22.4% 22.4% 9.5% 22.4% 22.4%;}
.mini_time{width:100%; order: 1; grid-column: 1 / span 2;}
.mini_state{width:100%; order: 2; grid-column: 3 / span 2;}
.mini_more{width:100%; order: 3;}

.mini_team1{width:100%; order: 4; 	grid-column: 1 / span 2;}
.mini_tie{width:100%; order: 5;}
.mini_team2{width:100%; order: 6; 	grid-column: 4 / span 2;}

}
@media screen and (max-width:520px) {
.mini_title_list>ul>li{font-size:10px;}
}

.league_wrap{float:left; width:100%; background:rgba(0,0,0,0.6); padding:0 0 10px 0;  position:relative;}
.league_tab{float:right; margin:10px 0 0 0;}
.league_tab button{float:left; margin:0 1px 3px 0; background:linear-gradient(to right, #d22063 0%, #ff3a84 100%); width:100px; height:36px; line-height:36px; text-align:center; display:inline-block; color:#ffffff; font-size:13px; font-weight:400; border-radius:0px; text-shadow: 2px 0 3px rgb(0 0 0 / 30%); border:none;}
.league_tab_hide{position:absolute; width:100%; left:0; top:100%; background:#2a2a2a; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); border-radius:1px; padding:20px; display:flex; flex-wrap:wrap; display:none;}
.league_tab_hide ul li{float:left; width:calc(100% / 10 - 4px); margin:2px;}
.league_tab_hide ul li a{display:block; text-align:center; border:1px solid rgba(255,255,255,0.2); height:32px; line-height:32px; padding:0 10px; font-family: 'Nanum Gothic','sans-serif'; font-size:14px; color:#dddddd; font-weight:300;letter-spacing:-1pt; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.league_tab_hide ul li a.active{border:1px solid #ff3b85; color:#ff3b85;}
.league_tab_hide ul li a:hover{border:1px solid #ff3b85; color:#ff3b85;}

@media screen and (max-width:1024px) {
	.league_tab_hide{padding:10px;}
	.league_tab_hide ul li{width:calc(100% / 5 - 4px);}
}
@media screen and (max-width:768px) {
	.league_tab_hide ul li{width:calc(100% / 4 - 4px); margin:2px;}
	.league_tab_hide ul li a{font-size:12px;}
}
.dropdown2{float:left; width:100%; overflow:hidden;}
/* 메인팝업추가 */
.main_notice_pop_wrap{float:left; width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; z-index:9999; display:flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.main_notice_pop_box{float:left; width:500px; margin:5px;}

.main_notice_pop_con_txt{float:left; width:100%; background:#000; border:3px solid #d22063;padding:10px 30px}
.poptitle{font-family: 'Nanum Gothic','sans-serif';line-height: 50px;font-weight: 700;font-size: 24px; color: #ff0060;margin-bottom:10px}
.main_notice_pop_con{float:left; width:100%; background:#d22063; border:3px solid #d22063;}
.main_notice_pop_con img{width:100%;}
.main_popup_close {float:left; width:100%; text-align:center; padding:0 3px 0 0;}
.main_popup_close ul{float:right;margin-right:-3px}
.main_popup_close ul li{float:left;}
.main_popup_close ul li a{display:block; height:34px; line-height:34px; min-width:80px; padding:0 15px; background:linear-gradient(to right, #d22063 0%, #ff3a84 100%); font-family:'Nanum Gothic','sans-serif'; font-weight:500; color:#ffffff; font-size:14px;}
.main_popup_close ul li a:hover{background:linear-gradient(-45deg,#d22063 0%, #ff3a84 100%);}
.main_popup_close ul li:last-child a{border-left:1px solid #000000;}
.main_popup_close ul li a input{display:inline-block; margin:0 10px 0 0; accent-color: #000000;}

@media screen and (max-width:1024px) {
.main_notice_pop_box{position:absolute;}
}
@media screen and (max-width:768px) {
   .main_notice_pop_box{width:100%; max-width:500px;} 
}
/* 검색창추가 */
.serch_box{float:left; width:100%; max-width:320px; display:flex;}
.serch_box .serch_select{width:20%;}
.serch_box .serch_input{width:60%; margin:0 2px;}
.serch_box .serch_btn{width:20%;}
.serch_select{background-color:#2a2a2a; border:1px solid rgba(255,255,255,0.2); padding:4px 0 4px 5px; color:#ffffff; font-size:14px; border-radius:3px; height:34px; transition:all 0.5s;}
.serch_input{background-color:#2a2a2a; border:1px solid rgba(255,255,255,0.2); padding:4px 0 4px 5px; color:#ffffff; font-size:14px; border-radius:3px; height:34px; transition:all 0.5s;}
.serch_btn{display:inline-block; text-align:center; border-radius:3px; border:none; color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:500; background:linear-gradient(to right, #d22063 0%, #ff3a84 100%); min-width:85px; min-height:34px; padding:0 15px 0 15px; line-height:34px;}
.serch_btn:hover   {background:linear-gradient(-45deg, #d22063 0%, #ff3a84 100%);}

@media screen and (max-width:768px) {
.serch_box{max-width:100%;}
}

/* 출석부 */
.att_title1     {background:linear-gradient(#ff3a84 0%, #d22063 100%); color:#ffffff; line-height:44px; text-align:center; font-weight:700;}
.att1           {background:#202020; border-bottom:1px solid rgba(255,255,255,0.1); color:#eeeeee; height:110px; padding:10px 5px; text-align:center; position:relative;}
.att2           {position:absolute; top:10px; left:10px; z-index:1;}
.att_table table{table-layout:fixed;}
.att_table table td{width:calc(100% / 7);}
.att_style td	{font-size:16px; font-weight:500;}
.att_table img{width:90%; max-width:100px;}
@media screen and (max-width:768px) {
.att1{height:80px;}
}

@media screen and (max-width:375px) {
.att1{height:60px;}
}

/* 겔러리형 게시판 */
.board_gal_wrap{float:left; width:100%; margin:10px 0 0 0; display:flex; flex-wrap: wrap; transition:all 0.5s;}
.board_gal{float:left; width:24.25%; height:auto; margin:0 1% 1% 0; overflow:hidden; background:#202020; display: flex; flex-direction: column; justify-content: space-between; transition:all 0.5s;}
.board_gal:hover{box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.board_gal:nth-child(4n){margin:0 0 1% 0;}
.board_gal_thumb{float:left; width:100%; overflow:hidden; position:relative; height:0; padding-bottom:56.25%; background:#adadad; transition:all 0.5s;}
.board_gal_thumb img{position:absolute; top:0; left:0; width:100%; height:100%;}

.board_gal_title{width:100%; margin:10px 0 5px 0; padding:0 0 0 5px; font-family:'Nanum Gothic','sans-serif'; font-weight:500; font-size:14px; color:#ffffff; height:36px; line-height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.5s;}


@media screen and (max-width:1440px) {
.board_gal{width:32.666%;}
.board_gal:nth-child(4n){margin:0 1% 1% 0;}
.board_gal:nth-child(3n){margin:0 0 1% 0;}
}

@media screen and (max-width:768px) {
.board_gal{width:49.5%; min-width:0;}
.board_gal:nth-child(3n){margin:0 1% 1% 0;}
.board_gal:nth-child(2n){margin:0 0 1% 0;}
}

/* 슬롯페이지 */
.slot_list{float:left; width:100%;}
.slot_list ul{float:left; width:100%; display:flex; flex-wrap:wrap;}
.slot_list li{float:left; text-align:center; width:calc(100% / 10 - 5px); margin:5px 2.5px; padding:5px 5px 5px 5px; display:flex; align-items: center; flex-direction: column; border-radius:5px; border:1px solid rgba(255,255,255,0.2); overflow:hidden; transition:all 0.5s;}
.slot_list li>a{display:block; position:relative; width:100%;}
.slot_list li>a img{width:100%;}
.slot_list li:hover>a img{filter:grayscale(100%); transform:scale(1.05); transition:all 0.5s;}
.slot_list_txt{margin:5px 0 0 0; font-family:'Nanum Gothic','sans-serif'; font-weight:300; color:#ffffff; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.5s;}

.slot_list_btn{display:none; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:linear-gradient(#ff3a84 0%, #d22063 100%); width:100px; height:40px; line-height:40px; border-radius:40px; font-family: 'Nanum Gothic','sans-serif'; font-weight:500; font-size:16px; color:#ffffff; text-shadow:1px 0 0 rgba(0,0,0,0.3)}
.slot_list li:hover .slot_list_btn{display:block;}


@media screen and (max-width:2220px) {
.slot_list li{width:calc(100% / 8 - 5px);}	
}

@media screen and (max-width:1920px) {
.slot_list li{width:calc(100% / 7 - 5px);}	
}

@media screen and (max-width:1720px) {
.slot_list li{width:calc(100% / 6 - 5px);}	
}
@media screen and (max-width:1620px) {
.slot_list li{width:calc(100% / 5 - 5px);}	
}
@media screen and (max-width:768px) {
.slot_list li{width:calc(100% / 4 - 5px);}
}
@media screen and (max-width:430px) {
.slot_list li{width:calc(100% / 3 - 5px);}
}

/* 카지노페이지 */
.casino_list{float:left; width:100%;}
.casino_list ul{float:left; width:100%; display:flex; flex-wrap:wrap;}
.casino_list li{float:left; text-align:center; width:calc(100% / 5 - 5px); margin:5px 2.5px; padding:5px 5px 5px 5px; display:flex; align-items: center; flex-direction: column; border-radius:5px; border:1px solid rgba(255,255,255,0.2); overflow:hidden; transition:all 0.5s;}
.casino_list li>a{display:block; position:relative; width:100%;}
.casino_list li>a img{width:100%;}
.casino_list li:hover>a img{filter:grayscale(100%); transform:scale(1.05); transition:all 0.5s;}
.casino_list_txt{margin:5px 0 0 0; font-family:'Nanum Gothic','sans-serif'; font-weight:300; color:#ffffff; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.5s;}

.casino_list_btn{display:none; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:linear-gradient(#ff3a84 0%, #d22063 100%); width:100px; height:40px; line-height:40px; border-radius:40px; font-family: 'Nanum Gothic','sans-serif'; font-weight:500; font-size:16px; color:#ffffff; text-shadow:1px 0 0 rgba(0,0,0,0.3)}
.casino_list li:hover .casino_list_btn{display:block;}


@media screen and (max-width:1920px) {
.casino_list li{width:calc(100% / 4 - 5px);}	
}
@media screen and (max-width:1400px) {
.casino_list li{width:calc(100% / 3 - 5px);}	
}
@media screen and (max-width:520px) {
.casino_list li{width:calc(100% - 5px);}
.casino_list li div.img{height:135px;overflow:hidden}
.casino_list li div.img1{height:189px;overflow:hidden}
.casino_list li div.img2{height:189px;overflow:hidden}
.footer_partners{display:none}
}