@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/earlyaccess/NotoSanskr.css); 
@import url(http://fonts.googleapis.com/earlyaccess/nanumsquare.css); 

/*-------------------------------------------------------------------------------------*
 *  게시판                                                                             *
 *-------------------------------------------------------------------------------------*/
.list_title1     {background:linear-gradient(to right, #4f4f4f 0%,  #2f2f2f 100%); color:#dddddd; line-height:44px; text-align:center; font-weight:bold; font-family:'nanumgothic', sans-serif;}
.list_notice1    {background:rgba(0,0,0,0.6); border-bottom:1px solid rgba(255,255,255,0.1); color:#f0f0f0; line-height:40px; text-align:center;}
.list_notice2    {background:rgba(0,0,0,0.6); border-bottom:1px solid rgba(255,255,255,0.1); color:#ffffff; line-height:40px; padding:0 0 0 15px; font-weight:bold;}
.list1           {background:rgba(0,0,0,0.4); border-bottom:1px solid rgba(255,255,255,0.1); color:#f0f0f0; line-height:40px; text-align:center;}
.list2           {background:rgba(0,0,0,0.4); border-bottom:1px solid rgba(255,255,255,0.1); color:#ffffff; line-height:40px; padding:0 0 0 15px; font-weight:bold;} 

.write_title_top {border-top:1px solid rgba(255,255,255,0.1);}
.write_title     {background:rgba(0,0,0,0.6); border-bottom:1px solid rgba(255,255,255,0.1); border-right:1px solid rgba(255,255,255,0.1); min-height:60px; color:#ffffff; padding:10px 20px 10px 20px; line-height:21px; width:250px; font-weight:bold;}  
.write_basic     {background:rgba(0,0,0,0.4); border-bottom:1px solid rgba(255,255,255,0.1); min-height:60px; color:#ffffff; padding:10px 20px 10px 20px; line-height:21px;}

.view1           {background:rgba(0,0,0,0.4); border-bottom:1px solid rgba(255,255,255,0.1); color:#ffffff; padding:0 20px 0 20px; width:100%; height:50px; line-height:44px; font-weight:bold; font-size:14px; font-family:'nanumgothic', sans-serif; letter-spacing:0pt;}
.view2           {background:rgba(0,0,0,0.4); border-bottom:1px solid rgba(255,255,255,0.1); padding:12px 20px 10px 20px; width:100%; line-height:26px; min-height:300px;}
.view_box        {background:rgba(255,255,255,0.1); padding:5px 8px 3px 8px; color:#dddddd; line-height:12px; text-align:center; display:inline-block;  font-size:12px; border-radius:0px; margin:0 5px 0 0; font-weight:100;}

.page_wrap       {float:left; width:100%; height:40px; text-align:center;}
.page_wrap ul li {display:inline;}
.page            {background:rgba(0,0,0,0.4); display:inline-block; padding:14px 17px 12px 17px; color:#c7c7c7; border-radius:100px;}
.pageon          {background:rgba(0,0,0,0.8); display:inline-block; padding:14px 17px 12px 17px; color:#ffd800; border-radius:100px; font-weight:bold;}

.info_wrap       {background:rgba(0,0,0,0.4);  border:1px solid rgba(255,255,255,0.1); float:left; width:100%; padding:15px 0 20px 0; border-radius:0px;}
.info1           {float:left; width:100%; line-height:26px; color:#ffd800; padding:0 20px 0 20px; font-family:'nanumsquare', sans-serif; font-size:18px; font-weight:700;}
.info2           {float:left; width:100%; line-height:26px; color:#00ff72; padding:5px 20px 0 20px; font-family:'nanumsquare', sans-serif; font-size:18px; font-weight:700;}
.info3           {float:left; width:100%; line-height:22px; color:#f2f2f2; padding:5px 20px 0 23px; font-family:'nanumgothic', sans-serif; font-size:12px; font-weight:700;}


/*-------------------------------------------------------------------------------------*
 *  버튼                                                                               *
 *-------------------------------------------------------------------------------------*/
.btn1_1         {display:inline-block; text-align:center; border-radius:100px; font-family:'nanumgothic', sans-serif; color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:700; text-shadow:1px 1px 1px rgba(0,0,0,0.3); box-shadow:rgba(0,0,0,0.3) 2px 2px 2px -1px;}
.btn1_2         {display:inline-block; text-align:center; border-radius:100px; font-family:'nanumgothic', sans-serif; color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:700; text-shadow:1px 1px 1px rgba(0,0,0,0.3); box-shadow:rgba(0,0,0,0.3) 2px 2px 2px -1px;}
.btn2_1         {display:inline-block; text-align:center; border-radius:100px; font-family:'nanumgothic', sans-serif; color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:700; text-shadow:1px 1px 1px rgba(0,0,0,0.3); box-shadow:rgba(0,0,0,0.3) 2px 2px 2px -1px;}
.btn2_2         {display:inline-block; text-align:center; border-radius:100px; font-family:'nanumgothic', sans-serif; color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:700; text-shadow:1px 1px 1px rgba(0,0,0,0.3); box-shadow:rgba(0,0,0,0.3) 2px 2px 2px -1px;}
.btn3_1         {display:inline-block; text-align:center; border-radius:100px; font-family:'nanumsquare', sans-serif; color:#ffffff; font-size:18px; letter-spacing:0pt; font-weight:700; text-shadow:1px 1px 1px rgba(0,0,0,0.3); box-shadow:rgba(0,0,0,0.3) 2px 2px 2px -1px;}
.btn3_2         {display:inline-block; text-align:center; border-radius:100px; font-family:'nanumsquare', sans-serif; color:#ffffff; font-size:18px; letter-spacing:0pt; font-weight:700; text-shadow:1px 1px 1px rgba(0,0,0,0.3); box-shadow:rgba(0,0,0,0.3) 2px 2px 2px -1px;}

.btn_wrap_right        {float:left; width:100%; text-align:right;}
.btn_wrap_right ul li  {display:inline;}
.btn_wrap_center       {float:left; width:100%; text-align:center;}
.btn_wrap_center ul li {display:inline;}

.btn1_1         {background:linear-gradient(to right, #da2a61 0%,  #af1d6f 100%); min-width:80px; min-height:34px; padding:0 15px 0 15px; line-height:34px;}
.btn1_1:hover   {background:linear-gradient(#da2a61 0%,  #af1d6f 100%);}

.btn1_2         {background:linear-gradient(to right, #4f4f4f 0%,  #2f2f2f 100%); min-width:80px; min-height:34px; padding:0 15px 0 15px; line-height:34px;}
.btn1_2:hover   {background:linear-gradient(#4f4f4f 0%,  #2f2f2f 100%);}

.btn2_1         {background:linear-gradient(to right, #da2a61 0%,  #af1d6f 100%); min-width:140px; height:40px; line-height:40px;}
.btn2_1:hover   {background:linear-gradient(#da2a61 0%,  #af1d6f 100%);}

.btn2_2         {background:linear-gradient(to right, #4f4f4f 0%,  #2f2f2f 100%); min-width:140px; height:40px; line-height:40px;}
.btn2_2:hover   {background:linear-gradient(#4f4f4f 0%,  #2f2f2f 100%);}

.btn3_1         {background:linear-gradient(to right, #da2a61 0%,  #af1d6f 100%); min-width:240px; height:56px; line-height:56px;}
.btn3_1:hover   {background:linear-gradient(#da2a61 0%,  #af1d6f 100%);}

.btn3_2         {background:linear-gradient(to right, #4f4f4f 0%,  #2f2f2f 100%); min-width:240px; height:56px; line-height:56px;}
.btn3_2:hover   {background:linear-gradient(#4f4f4f 0%,  #2f2f2f 100%);}

.division1      {border:1px solid #444444; display:inline-block; text-align:center; min-width:100px; padding:6px 8px 6px 8px; line-height:12px; font-family:nanumgothic; color:#a6a6a6; font-size:12px; font-weight:700; border-radius:100px;}
.division2      {border:1px solid #ff3576; display:inline-block; text-align:center; min-width:100px; padding:6px 8px 6px 8px; line-height:12px; font-family:nanumgothic; color:#ff3576; font-size:12px; font-weight:700; border-radius:100px;}
.division3      {background:linear-gradient(to right, #461c57 0%,  #af1d6f 100%); display:inline-block; text-align:center; min-width:100px; padding:6px 8px 6px 8px; line-height:12px; font-family:nanumgothic; color:#ffffff; font-size:12px; font-weight:700; border-radius:100px;}


/*-------------------------------------------------------------------------------------*
 *  탭                                                                                 *
 *-------------------------------------------------------------------------------------*/
.tab_wrap       {float:right; margin:0 0 0 0}
.tab_wrap ul li {float:left; margin:0 0 0 5px;}
.tab            {background:rgba(0,0,0,0.5); border:1px solid #000000; width:110px; height:32px; line-height:32px; font-family:'nanumsquare', sans-serif; text-align:center; display:inline-block; color:#b4b4b4; font-size:12px; font-weight:700;}
.tab:hover      {background:rgba(255,255,255,0.1);}
.tabon          {background:#ed3771; border:1px solid #ed3771; width:110px; height:32px; line-height:32px; font-family:'nanumsquare', sans-serif; text-align:center; display:inline-block; color:#ffffff; font-size:12px; font-weight:700;}


/*-------------------------------------------------------------------------------------*
 *  폰트                                                                               *
 *-------------------------------------------------------------------------------------*/
.font01 {color:#ffffff; font-weight:900;}
.font02 {color:#000000; font-weight:900;}
.font03 {color:#929292;}
.font04 {color:#484848;}
.font05 {color:#ffd100; font-weight:900;}
.font06 {color:#ff83b0; font-weight:900;}
.font07 {color:#b1f6fe; font-weight:900;}
.font08 {color:#00a1b4; font-weight:900;}
.font09 {color:#ff3c00; font-weight:900;}
.font10 {color:#4ec4af; font-weight:900;}

.font11 {color:#fff600; font-weight:900; font-size:28px; font-family:'nanumsquare', sans-serif; text-shadow:1px 1px 1px #000000; font-style:italic;}
.font12 {color:#dddddd; font-weight:900; font-size:22px; line-height:35px; font-family:'nanumsquare', sans-serif; text-shadow:1px 1px 1px #000000;}
.font13 {color:#b0977f; font-weight:900;}
.font14 {color:#818fa0;}
.font15 {color:#e1c991;}


/*-------------------------------------------------------------------------------------*
 *  인풋                                                                               *
 *-------------------------------------------------------------------------------------*/
.input1       {background-color:#000000; border:1px solid #303030; padding:4px 0 4px 5px; color:#ffffff; border-radius:3px; height:34px;}
.input2       {background-color:#000000; border:1px solid #303030; padding:4px 0 4px 5px; color:#ffffff; border-radius:3px;}



/*-------------------------------------------------------------------------------------*
 *  마우스 오버                                                                        *
 *-------------------------------------------------------------------------------------*/
.mouseover1{
	animation-name: mouseover1;
	-webkit-animation-name: mouseover1;	

	animation-duration: 0.2s;	
	-webkit-animation-duration: 0.2s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;	
}

@keyframes mouseover1 {
	0% {
		transform: scale(1.05);
	}		
	100% {
		transform: scale(1);
	}			
}

@-webkit-keyframes mouseover1 {
	0% {
		-webkit-transform: scale(1.05);	
	}		
	100% {
		-webkit-transform: scale(1);
	}					
}


/* 메인게임 마우스 오버 */
.mouseover2{
	animation-name: mouseover2;
	-webkit-animation-name: mouseover2;	

	animation-duration: 0.5s;	
	-webkit-animation-duration: 0.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;	
}

@keyframes mouseover2 {
	0% {
		transform: scale(1.07); opacity:0.1;
	}		
	100% {
		transform: scale(1); opacity:1.0;
	}			
}

@-webkit-keyframes mouseover2 {
	0% {
		-webkit-transform: scale(1.05);	
	}		
	100% {
		-webkit-transform: scale(1);
	}					
}

/*popup menu*/
.menu_pop_wrap { width:222px; margin:0px auto; height:350px; background:#313131; box-shadow:rgba(0,0,0,0.5) 0px 0px 30px 0px; position:relative; border-color: #ff0000;border-width: thin;border-style: solid;border-radius: 5px;}
.menu_pop_box {float:left; width:222px; height:198px; border-right:1px solid #3e3e3e;}
.menu_pop_title {float:left; width:215px; height:48px; line-height:48px;  font-family:'nanumsquare', sans-serif; font-weight:700; font-size:18px; color:#fc2523; letter-spacing:-1px; border-bottom:1px solid #3e3e3e; padding:0 15px 0 15px;}
.menu_pop {float:left; width:222px; }
.menu_pop ul li {height:42px; line-height:42px; }
.menu_pop ul li a{display:inline-block; width:220px;  font-family:'nanumsquare', sans-serif; font-weight:400; font-size:18px; color:#dddddd; letter-spacing:-1px; padding:0 15px 0 15px;}
.menu_pop ul li a:hover{background:#f10200; color:#ffffff;}
.menu_pop_arrow { position:absolute; top:-14px; left:111px; z-index:1;  line-height:14px}
.oe_menu_li {  margin-left: 0px !important; line-height: 42px !important;}

ul.oe_menu{list-style:none; clear:both;  }
ul.oe_menu > li{  }
ul.oe_menu > li > a{ }
ul.oe_menu div.menu_box{position:absolute;top:110px;left:50%; margin-left:0px; width:222px;   display:none; padding:0 0 0 0; }
ul.oe_menu > li > a:hover, ul.oe_menu > li.selected > a, ul.oe_menu > li.selected > a:after, ul.oe_menu > li.selected > a:before{transition: all .5s !important; color:#ff6c68}




/* game card */
.div-card {
    display: flex;
    justify-content: center;
    align-items: center;
}
.game-card-link {
	text-decoration: none;
	color: inherit;
	display: block;
  }

  .game-card {
	position: relative;
	width: 180px;
	height: 180px;
	background: linear-gradient(135deg, #2d1f26, #1a1518);
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6),
				inset 0 1px 2px rgba(255, 255, 255, 0.2),
				inset 0 -1px 2px rgba(0, 0, 0, 0.2);
	text-align: center;
  font-family: 'nanumgothic', sans-serif;
	padding: 60px 20px 20px;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	transition: all 0.3s ease;
	overflow: visible;
	cursor: pointer;
	transform-style: preserve-3d;
	perspective: 1000px;
	margin: 0 10px;
  box-sizing: content-box;
  }

  .game-card:hover {
	background: linear-gradient(135deg, #231920, #120f11);
	transform: translateY(-5px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.8),
				inset 0 1px 2px rgba(255, 255, 255, 0.2),
				inset 0 -1px 2px rgba(0, 0, 0, 0.2);
  }

  .game-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(45deg, 
	  rgba(255, 255, 255, 0.1) 0%,
	  rgba(255, 255, 255, 0) 50%,
	  rgba(0, 0, 0, 0.1) 100%);
	border-radius: 10px;
	pointer-events: none;
  }

  .game-card::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: radial-gradient(circle at 50% 0%, 
	  rgba(255, 255, 255, 0.1) 0%,
	  rgba(255, 255, 255, 0) 70%);
	border-radius: 10px;
	pointer-events: none;
  }

  .game-card:hover .game-card-title,
  .game-card:hover .game-card-subtitle {
	opacity: 0.3;
	transform: translateY(-20px);
	transition: all 0.3s ease;
	filter: blur(2px);
  }

  .game-card:hover .game-card-btn {
	transform: translateY(-80px) scale(1.8);
	background-color: #9d2247;
	color: white;
	border-color: transparent;
	cursor: pointer;
  }

  .game-card-title, .game-card-subtitle {
	transition: all 0.3s ease;
  }

  .game-card-ribbon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #9d2247;
	color: white;
	font-size: 14px;
	font-weight: 800;
	padding: 8px 0;
	text-align: center;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	letter-spacing: 1px;
	z-index: 2;
	border-radius: 10px 10px 0 0;
  font-family: 'nanumgothic', sans-serif;
  }

  .game-card-title {
	font-size: 24px;
	font-weight: bold;
	color: #c571a2;
	margin-bottom: 6px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	letter-spacing: 0.5px;
  font-family: 'nanumgothic', sans-serif;
  }

  .game-card-subtitle {
	font-size: 20px;
	font-weight: 900;
	color: #ccc;
	margin-bottom: 20px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	letter-spacing: 0.5px;
  font-family: 'nanumgothic', sans-serif;
  }

  .game-card-btn {
	background-color: transparent;
	color: white;
	border: 2px solid #9d2247;
	border-radius: 5px;
	padding: 10px 20px;
	font-weight: bold;
	transition: all 0.3s ease;
	position: relative;
	z-index: 1;
	cursor: default;
  font-family: 'nanumgothic', sans-serif;
  }

  .game-card-btn:hover {
	background-color: #9d2247;
  }

  /* live game card */

  .live_game-card-link {
	text-decoration: none;
	color: inherit;
	display: block;
  }

  .live_game-card {
	position: relative;
	width: 180px;
	height: 180px;
	background: linear-gradient(135deg, #1f2d25, #151a17);
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25),
				inset 0 1px 2px rgba(255, 255, 255, 0.2),
				inset 0 -1px 2px rgba(0, 0, 0, 0.2);
	text-align: center;
	font-family: sans-serif;
	padding: 60px 20px 20px;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	transition: all 0.3s ease;
	overflow: visible;
	cursor: pointer;
	transform-style: preserve-3d;
	perspective: 1000px;
	margin: 0 10px;
	position: relative;
	animation: live_cardGlow 3s infinite;
	border: 1px solid rgba(34, 157, 86, 0.1);
	z-index: 1;
	box-sizing: content-box;
	font-family: 'nanumgothic', sans-serif;
  }

  @keyframes live_cardGlow {
	0% { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), 0 0 10px rgba(34, 157, 86, 0.1); }
	50% { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3), 0 0 15px rgba(34, 157, 86, 0.2); }
	100% { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), 0 0 10px rgba(34, 157, 86, 0.1); }
  }

  .live_game-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(45deg, 
	  rgba(34, 157, 86, 0.1) 0%,
	  rgba(34, 157, 86, 0) 50%,
	  rgba(0, 0, 0, 0.15) 100%);
	border-radius: 10px;
	pointer-events: none;
	animation: live_shimmer 4s infinite;
  }

  .live_game-card::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: radial-gradient(circle at 50% 0%, 
	  rgba(34, 157, 86, 0.1) 0%,
	  rgba(34, 157, 86, 0) 70%);
	border-radius: 10px;
	pointer-events: none;
	animation: live_pulse 5s infinite;
  }

  @keyframes live_shimmer {
	0% { opacity: 0.3; }
	50% { opacity: 0.5; }
	100% { opacity: 0.3; }
  }

  @keyframes live_pulse {
	0% { transform: scale(1); opacity: 0.3; }
	50% { transform: scale(1.05); opacity: 0.5; }
	100% { transform: scale(1); opacity: 0.3; }
  }

  .live_game-card:hover {
	background: linear-gradient(135deg, #192319, #0f120f);
	transform: translateY(-5px) scale(1.05);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4),
				inset 0 1px 2px rgba(255, 255, 255, 0.3),
				inset 0 -1px 2px rgba(0, 0, 0, 0.3),
				0 0 20px rgba(34, 157, 86, 0.3);
	border-color: rgba(34, 157, 86, 0.3);
  }

  .live_game-card:hover .live_game-card-title,
  .live_game-card:hover .live_game-card-subtitle {
	opacity: 0.3;
	transform: translateY(-20px);
	transition: all 0.3s ease;
	filter: blur(2px);
  }

  .live_game-card:hover .live_game-card-btn {
	transform: translateY(0) scale(1.8);
	background-color: #22c96a;
	color: white;
	border-color: transparent;
	cursor: pointer;
	box-shadow: 0 0 20px rgba(34, 157, 86, 0.3);
	bottom: 50%;
	margin-bottom: -25px;
  }

  .live_game-card-ribbon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: linear-gradient(90deg, #1a914f, #22c96a);
	color: white;
	font-size: 14px;
	font-weight: 800;
	padding: 8px 0;
	text-align: center;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	letter-spacing: 1px;
	z-index: 2;
	border-radius: 10px 10px 0 0;
	animation: live_ribbonGlow 3s infinite;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	font-family: 'nanumgothic', sans-serif;
  }

  @keyframes live_ribbonGlow {
	0% { box-shadow: 0 2px 6px rgba(26, 145, 79, 0.15), 0 0 10px rgba(34, 201, 106, 0.1); }
	50% { box-shadow: 0 2px 10px rgba(34, 201, 106, 0.25), 0 0 15px rgba(34, 201, 106, 0.2); }
	100% { box-shadow: 0 2px 6px rgba(26, 145, 79, 0.15), 0 0 10px rgba(34, 201, 106, 0.1); }
  }

  .live_game-card-title {
	font-size: 24px;
	font-weight: bold;
	color: #22c96a;
	margin-bottom: 6px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4),
				 0 0 10px rgba(34, 201, 106, 0.3);
	letter-spacing: 0.5px;
	position: relative;
	animation: live_titleGlow 3s infinite;
	font-family: 'nanumgothic', sans-serif;
  }

  @keyframes live_titleGlow {
	0% { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 0 10px rgba(34, 201, 106, 0.3); }
	50% { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 0 15px rgba(34, 201, 106, 0.4); }
	100% { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 0 10px rgba(34, 201, 106, 0.3); }
  }

  .live_game-card-title::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 30px;
	height: 2px;
	background: linear-gradient(90deg, transparent, #22c96a, transparent);
	animation: live_lineGlow 3s infinite;
  }

  @keyframes live_lineGlow {
	0% { box-shadow: 0 0 5px rgba(34, 201, 106, 0.3); }
	50% { box-shadow: 0 0 10px rgba(34, 201, 106, 0.5); }
	100% { box-shadow: 0 0 5px rgba(34, 201, 106, 0.3); }
  }

  .live_game-card-subtitle {
	font-size: 20px;
	font-weight: 900;
	color: #ccc;
	margin-bottom: 70px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	letter-spacing: 0.5px;
	font-family: 'nanumgothic', sans-serif;
  }

  .live_game-card-btn {
	background-color: transparent;
	color: white;
	border: 2px solid #22c96a;
	border-radius: 5px;
	padding: 10px 20px;
	font-weight: bold;
	transition: all 0.3s ease;
	position: absolute;
	bottom: 20px;
	z-index: 1;
	cursor: default;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	animation: live_btnGlow 3s infinite;
	font-family: 'nanumgothic', sans-serif;
  }

  @keyframes live_btnGlow {
	0% { box-shadow: 0 0 5px rgba(34, 157, 86, 0.2); }
	50% { box-shadow: 0 0 10px rgba(34, 157, 86, 0.3); }
	100% { box-shadow: 0 0 5px rgba(34, 157, 86, 0.2); }
  }

  .live_game-card-btn:hover {
	background-color: #22c96a;
	box-shadow: 0 0 20px rgba(34, 157, 86, 0.5);
	transform: scale(1.1);
  }