*{
	padding: 0;
	margin: 0;
	border: 0;
}
/*  폰트 깨지는 현상으로 D'Live는 사용하지 않고 산세리프2 사용함. */
@font-face{
	font-family: 'NanumGothicBold';
	src: url("../font/NanumGothicBold.ttf") format("truetype");
}


/* Layout */
/**
 *  1606131443 -  QA 수정.  메인 화면 포커스 깜박이는 현상
 */
body
{
	width: 1280px;
	height: 720px;
	background: black;
	overflow:hidden;
           font-family: 'NanumGothicBold', sans-serif;
	/*font-family: '산세리프2', 'NanumGothicBold', sans-serif;*/
           image-rendering: -webkit-optimize-contrast;
}


/*20250515_dblee_1107 개인정보취급방침과 이용약관 기능 구현*/
/* 수직 스크롤바 스타일링 */
::-webkit-scrollbar
{
  width: 10px; /* 스크롤바의 너비 조정 */
  background-color: #555;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb
{
  background-color: #f4eee4; /* 스크롤바의 색상 조정 */
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover
{
  background-color: #5bb79d; /* 스크롤바에 호버 효과를 줄 경우 색상 변경 */
}
/* 수평 스크롤바 스타일링 */
::-webkit-scrollbar:horizontal
{
  height: 10px; /* 수평 스크롤바의 높이 조정 */
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal
{
  background-color: #5bb79d; /* 수평 스크롤바의 색상 조정 */
}




#LOGLOG
{
	left: 760px;
	top: 50px;
	width: 500px;
	height: 650px;
	background: gray;
	opacity: 0.6;
	display: none;
	position:absolute;
}

/* 게임 UI화면 */

/*적군 score */
#score_you
{
	left: 916px;
	top: 126px;
	width: 65px;
	height: 32px;
	/*background-color: yellow;*/
	line-height: 32px;
	text-align: center;
	color: black;
	font-size: 30px;
	position: absolute;
}

/*아군 score */
#score_i
{
	left: 916px;
	top: 400px;
	width: 65px;
	height: 32px;
	/*background-color: yellow;*/
	line-height: 32px;
	text-align: center;
	color: black;
	font-size: 30px;
	position: absolute;
}

/* 화투패 돌아가는 모션을 담당하는 3D공간 */
#container
{
	left: 453px; /* 475 - 22 */
	top: 187px; /* 209 - 22 */
	width: 73px;
	height: 108px;
	position: absolute;

	/* 3D 공간 활성화 */

	-webkit-perspective: 800px;
	perspective: 800px;
}

#card
{
	width : 100%;
	height : 100%;
	display: none;
	position: absolute;
 	transform-style: preserve-3d;
/*
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	*/
}

.flipped
{
	-webkit-transform : rotateY(180deg);
	transform :	rotateY(180deg);
	/*transform-origin: 50% 50%;*/
}

.front {
	background-position: 0px 0px;
	background : url("../image/2_game/cards_yard/0.png");
	width : 73px;
	height : 108px;
	/*ckground-color: #ccc;*/
}
.back
 {
	/*ckground-color: #ccc;*/
	background-position: 0px 0px;
	/*background : url("../image/2_game/cards_yard/1.png");	*/
	width : 73px;
	height : 108px;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.face
{
	position: absolute;
	width: 73px;
	height: 108px;

	-webkit-backface-visibility: hidden;
	backface-visibility : hidden;
}


/* 각 화면 아래의 back button에 관한 것 */
.back_btn{
	left: 418px;
	top: 629px;
	width : 216px;
	height: 71px;
	color: white;
	background:url(../image/0_common/co_leftbt.png) no-repeat 0 0;
	background-position:0px 0px;
	line-height: 70px;
	font-size  : 26px;
	text-align : center;
	text-shadow: 1px 1px 1px black;
	position: absolute
}
.back_icon{
	left:	445px;
	top:	641px;
	width:	46px;
	height:	51px;
	background:url(../image/0_common/sm_returnIcon.png) no-repeat 0 0;
	background-position:0px 0px;
	position: absolute;
}
.back_text{
	left: 483px;
	top: 629px;
	width : 151px;
	height: 71px;
	color: white;
	line-height: 70px;
	font-size  : 26px;
	text-align : center;
	text-shadow: 1px 1px 1px black;
	position: absolute;
}

.back_focus{
	left:	418px;
	top:	629px;
	width:	216px;
	height: 71px;
	background:url(../image/0_common/co_leftbt_focus.png) no-repeat 0 0;
	background-position:0px 0px;
	position: absolute;
}
.start_focus{
	left:	0px; /*646px;*/
	top:	0px; /*629px;*/
	width:	216px;
	height: 71px;
	background:url(../image/0_common/co_rightbt_focus.png) no-repeat 0 0;
	background-position:0px 0px;
	position: absolute;
}
.start{
	left:	646px;
	top:	629px;
	width :	216px;
	height:	71px;
	color: white;
	background:url(../image/0_common/co_rightbt.png) no-repeat 0 0;
	background-position:0px 0px;
	line-height: 70px;
	font-size  : 26px;
	text-align : center;
	text-shadow: 1px 1px 1px black;
	position: absolute;
}
.start_text{
	left:	0px;
	top:	0px;
	width :	151px;
	height:	71px;
	color: white;
	line-height: 71px;
	font-size  : 26px;
	text-align : center;
	text-shadow: 1px 1px 1px black;
	position: absolute;
}

/* loading bar animation을 위해 */
.loader1 {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}


/**
 * S_BILLING_HISTORY 의 테이블에 사용함.
 */
.tg  {
    border-collapse:collapse;
    border-spacing:0;
    margin : auto;
}
.tg th{
    font-size:25px;
    font-weight:normal;
    height: 38px;
    /*padding-bottom: : 2px;*/
    /*border-style:solid;*/
    /*border-width:1px;*/
    overflow:hidden;
    word-break:normal;
    color: #ffffff;
    text-shadow: 1px 1px 1px black;
}
.tg td{
    font-size:20px;
    height: 42px;
    /*margin: auto;*/
    /*padding: 1px 0px;*/
    /*border-style:solid;*/
    /*border:1px solid red;*/
    overflow:hidden;
    word-break:normal;
    color: #5c3b2b;
}

.tg .tg-bhth{text-align:center;vertical-align:center}
.tg .tg-bhtd{text-align:center;vertical-align:center}

/* 이하 쓸모없음. */
/*******************/