@charset "utf-8";
/* CSS Document */

.wrap_cont {top:0px;}
img {*vertical-align:text-top;}
body{-webkit-user-select:none;
      -webkit-touch-callout:none;
      overflow-y: visible !important;
	  background-color:#160923; /* 20210808 */
	  font-family: 'Font Awesome 5 Brands'; /* 20210808 */
	  background-image: url(../images/bg_background-image.png)
	  }
#tapbar {z-index:100; position:fixed; bottom:0; left:0; padding:0; margin:0; width:100%; 
			background-color:#4b4b4b;
            height:49px; 
           -webkit-user-select:none;
           -webkit-touch-callout:none;
           overflow-y: visible !important;
}
.tab{margin-bottom:0px;}

.float_right {float:right;margin-left: 5px;}
.my_t_name {*display:inline-block;padding-right:10px;padding-left:10px;}
.my_t_name:after{display:block;clear:both;content:''}
.my_t_name_left {float:left;position:relative;left:0px;width:10px;margin-left:-10px;}
.my_t_name_center  {background:url(../images/new_tnb_bg.png) repeat-x;float:left;width:100%;text-align:left;font-size:14px; color:#fff;font-weight: bold;padding: 5px 0px;height: 22px;line-height: 22px;}
.my_t_name_right {float:left;position:relative;left:10px;width:10px;margin-left:-10px;}

.my_s_name {*display:inline-block;padding-right:7px;padding-left:6px;}
.my_s_name:after{display:block;clear:both;content:''}
.my_s_name_left {float:left;position:relative;left:0px;width:7px;margin-left:-7px;}
.my_s_name_center  {background:url(../images/new_nb_bg.png) repeat-x;float:left;width:100%;text-align:left;font-size:13px; color:#fff;font-weight: bold;padding: 3px 0px;}
.my_s_name_right {float:left;position:relative;left:7px;width:7px;margin-left:-7px;}



.btm_btn {width:20%;padding:6px 0;margin-bottom:5px;float:left;background:url(../images/new_bottom_line.png); background-position:right; background-repeat:no-repeat; cursor:pointer;}

.bg_last { background:none;}

.header_2 { margin-bottom:10px;background:url(../images/new_top_bg.png) repeat-x;}
.font14 {font-size:14px;}
.txtcut {text-overflow: ellipsis; white-space: nowrap;overflow-x: hidden;}


.my_info { padding-top:10px; padding-bottom:5px; }

.my_info {*display:inline-block;white-space: normal; letter-spacing:-0.2px;padding-right:10px;padding-left:68px;color:#fff;text-align: left;}
.my_info:after{display:block;clear:both;content:''}
.my_img {float:left;position:relative;left:0px;width:48px;margin-left:-58px;text-align: left;}
.myname_bg {float:left; width:auto;/*font-size:13px;font-weight:bold;background:url(../images/new_nb_bg.png) repeat-x;*/}
.fl100 {float:left;width:100%;font-size:13px;font-weight:bold;}
.fr_time {float:right; width:auto;font-size:11px;/*color: #FF6A00;text-shadow: rgba(0, 0, 0, 0.4) 0 -1.2px 0;*/}
.margin_b5 {margin-bottom: 5px;}
.my_t_info{font-size:13px; white-space: normal; letter-spacing:-0.2px; padding-top:0; padding-bottom:9px;}

.my_t_info {*display:inline-block;padding-right:90px;padding-left:10px;}
.my_t_info:after{display:block;clear:both;content:''}
.my_t_left  {/*background:url(../images/new_tnb_bg.png) repeat-x;text-align:left;font-size:14px; color:#fff;font-weight: bold;*/float:left;width:100%;margin-right:-10px;}
.my_t_right {float:left;position:relative;left:80px;width:70px;margin-left:-60px;}

/* Inline Bar Graph */
.iGraph{white-space:nowrap; line-height:normal; }
.iGraph .gBar{ display:inline-block; width:100%;background:url(../images/new_gra_right2.png) repeat-x; border-radius:10px;}
.iGraph .gAction{ display:inline-block;padding:3px 0px 3px 5px;border-radius:10px; background:url(../images/new_gra_left2.png) repeat-x;color: #000;text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;}
.iGraph .gPercent{color:#FF6A00;text-shadow: rgba(0, 0, 0, 1) 0 -1.2px 0;padding:3px 0px 3px 5px;}


.point_info { padding-top:0px; padding-bottom:5px; }

.point_info {*display:inline-block;white-space: normal; letter-spacing:-0.4px;padding-right:10px;padding-left:10px;color:#fff;text-align: left;}
.point_info:after{display:block;clear:both;content:''}

.point_line{font-size:13px; white-space: normal; letter-spacing:-0.2px; padding-top:0; padding-bottom:0;}

.point_line {*display:inline-block;padding-right:220px;padding-left:0px;}
.point_line:after{display:block;clear:both;content:''}
.point_line_left  {float:left;width:100%;text-align:left;font-size:13px; color:#fff;font-weight: bold;color:#fff;text-shadow: rgba(0, 0, 0, 1) 0 -1.2px 0;}
.p_font {background:url(../images/new_point_bg.png) repeat-x; padding:4px 3px 7px 3px;}
.point_line_right {float:left;position:relative;left:220px;width:220px;margin-left:-220px;text-align:right;}
.endp_font {background:url(../images/new_btn_expire_02.png) repeat-x; padding:4px 0px 7px 0px;color:#FF6A00;text-shadow: rgba(0, 0, 0, 1) 0 -1.2px 0;}


.next_noti { padding-top:0px; padding-bottom:5px;}

.next_noti {*display:inline-block;white-space: normal; letter-spacing:-0.2px;padding-right:10px;padding-left:10px;color:#fff;text-align: left; background:url(../images/new_myteam_noti.png) repeat-x;}
.next_noti:after{display:block;clear:both;content:''}
.next_noti_txt {float:left;width:100%;font-size:14px;font-weight:bold; padding:8px 0 4px;}



/*20141203*/
#tapbar2 {z-index:100; position:fixed; bottom:0; left:0; padding:0; margin:0; width:100%; 
			background-color:#28092a;
           -webkit-user-select:none;
           -webkit-touch-callout:none;
           overflow-y: visible !important;
}


.btm_btn2 {width:20%;padding:12px 0;float:left; cursor:pointer;}
.btm_btn2 img{width:80%;}


.new2_top_position {position: fixed;top:0;z-index: 999;width: 100%;}
.new2_top {*display:inline-block;padding-right:80px;padding-left:80px;height: 64px;}
.new2_top:after{display:block;clear:both;content:''}
.new2_top_left {float:left;position:relative;left:-92px;width:80px;margin-right:-80px;}
.new2_top_center{float:left;width:100%;}
.new2_top_right {float:left;position:relative;left:92px;width:80px;margin-left:-80px}

.new2_top {
	background-color:#28092a;
}
.new2_top_left {text-align:right;}
.new2_top_left img{width:21px}
.new2_top_center{
	text-align:center;overflow: hidden;text-overflow: clip;white-space: nowrap;height: 64px;
}
.new2_top_center li:nth-child(1){
	font-size: 18px;color: #fff;font-weight: bold;padding: 5.5px 0px;height: 24px;
	background-color: #28092a;
}
.new2_top_center li:nth-child(2){
	font-size: 13px;color: #fff;font-weight: bold;padding: 8px;
	background-color: #3c0f26;
}
.new2_top_center img{}
.new2_top_right {}
.new2_top_right img{width:21px}


.outbox2 {margin-bottom: 10px;
width: 96%;
margin: 72px auto 0;
height: 182px;
color:#F4F4E2;  /* 20210808 */
}

.myinfobox_btn {width:72px;margin-right:0.5em;}
.myinfobox_img {width:50%;*padding: 11px 0 13px;}


/*2014-12-04*/

.a1 {float:left;margin-right:10px;position: static;width:57%;overflow: hidden; }
.a2 {margin-bottom: 0.5em; padding:0 0 0 0.5em ;background:url(../images/bg_info_top.png) repeat-x;}
.a2 li:nth-child(1) {display: inline;}
.a2 li:nth-child(1) img {width:42px; margin: 12px 0;}
.a2 li:nth-child(2) {float: right;}
.a2 li:nth-child(2) img {width:54px;}
.a3 {margin-bottom: 0.5em;margin:0  0.5em 0.5em  0.5em;}
.a4 {margin-bottom: 0.5em;padding:0 0.5em;}
.a4 li {display: inline-block;width: 30.5%;padding-right:0.5em;}
.a4 li img{width:100%;}
.a4 li:last-child img{}

.aa1 {float:left;position: static;width:39%;overflow: hidden;margin-right: -10px;}
.aa2 {margin-bottom: 0.5em; padding:0 0 0 0.5em ;background:url(../images/bg_info_top2.png) repeat-x;}
.aa2 li:nth-child(1) {display: inline;}
.aa2 li:nth-child(1) img {width:42px; margin: 12px 0;}
.aa2 li:nth-child(2) {float: right;}
.aa2 li:nth-child(2) img {width:54px;}
.aa3 {margin-bottom: 0.5em;padding:5px 0.5em;}
.aa4 {margin-bottom: 0.5em;padding:0 0.5em;}
.aa4 li {display: inline-block;width:46.5%;padding-right:0.5em;}
.aa4 li img{width:100%;}
.aa4 li:last-child img{}


/* 2014-12-12 */
.aaa1 {float:left;margin-right:10px;position: static;width:100%;overflow: hidden; }
.aaa2 {margin-bottom: 0; padding:0 0 0 0.5em ;background:url(../images/bg_collection_top.png) repeat-x;}
.aaa2 li:nth-child(1) {display: inline;}
.aaa2 li:nth-child(1) img {width:42px; margin: 10px 0;}
.aaa2 li:nth-child(2) {float: right;}
.aaa2 li:nth-child(2) img {width:54px;}
.aaa3 {margin-bottom: 0.5em;margin:0  0.5em 0.5em  0.5em;}

.aaa5 ul{}
.aaa5 li{padding-right: 0.5em;width: calc(33.3% - 0.5em);display: inline-block;}
.aaa5 li:last-child {padding-right: 0;}
.aaa5 img {width: 100%;}

.ddd1 {line-height: 0px;margin-bottom: 0.6em;}
.ddd1 span {font-size: 11px;font-weight: bold;color:#404040;position: relative;top: -20px;}
.ddd1 span font {background: -webkit-linear-gradient(top, #1c1d1c, #383838);border-radius: 4px; width: 78px; color: #fff;padding: 3.5px 8px; font-size: 12px;font-weight: bold;margin-left: 0.5em;text-align: center;}
/* 2014-12-12 */


.new2_myinfo {*display:inline-block;padding-left:3.125em;*padding-right:0.5em;}
.new2_myinfo:after{display:block;clear:both;content:''}
.new2_myinfo_left {float:left;position:relative;left:-3.125em;width:3.125em;margin-right:-3.125em;}
.new2_myinfo_center {display: block;width: 94%;margin-left: 0.5em;}
.new2_myinfo_right {float:left;position:relative;left:0.5em;width:0.5em;margin-left:-0.5em}

.d1 {line-height: 11px;margin-bottom: 0.3em;}
.d1 span {font-size: 11px;font-weight: bold;color:#4b5f6f}
.d1 span font {color:#b36e00;}

.d2 {width: calc(50% + 2px);height: 9px;margin-bottom: 0.3em;background: url(../images/new2_gra_right2.png) repeat-x;}
.d2 div {height: 9px;margin-top: 0.3em;margin-bottom: 0.3em;background: url(../images/new2_gra_left2.png) repeat-x;border-left:1px solid #a09f70;border-right:1px solid #a09f70;}
.d2 div {width:1%;}

.d3 div {display: inline-block;}
.d3 div:nth-child(1) {width:21px;height:21px;}
.d3 div:nth-child(2) {background: -webkit-linear-gradient(top, #1c1d1c, #383838);border-radius: 4px; width: 45px; color: #f2ce4f;padding: 3.5px 5px; font-size: 12px;font-weight: bold;margin: 0 0.5em 0 0.1em;}
.d3 div:nth-child(3) {width:21px;height:21px;}
.d3 img {width: 100%;vertical-align: text-top; !important;}


.dd1 {line-height: 19px;margin-bottom: 0.6em;}
.dd1 span {font-size: 11px;font-weight: bold;color:#404040;}
.dd1 span font {background: -webkit-linear-gradient(top, #1c1d1c, #383838);border-radius: 4px; width: 78px; color: #fff;padding: 3.5px 8px; font-size: 12px;font-weight: bold;margin-left: 0.5em;text-align: center;}

.dd3 div {display: inline-block;}
.dd3 div:nth-child(1) {width:80px;height:19px;}
.dd3 div:nth-child(2) {background: -webkit-linear-gradient(top, #1c1d1c, #383838);border-radius: 4px; width: 15px; color: #f2ce4f;padding: 3.5px 5px; font-size: 12px;font-weight: bold;margin: 0 0.5em 0 0.1em;text-align: center;}
.dd3 img {width: 100%;vertical-align: text-top; !important;}


.outbox3 {
	background-color: #1f132c;  /* 20210808 */
	color:#F4F4E2;  /* 20210808 */

	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.08),0 1px 1px rgba(0,0,0,0.05);
	box-shadow: 0 0 2px rgba(0,0,0,0.08),0 1px 1px rgba(0,0,0,0.05);
	border: 0px solid #b9b9b9;  /* 20210808 */
	margin-bottom: 10px;
	border-radius: 9px;  /* 20210808 */
	opacity:0.95;  /* 20210808 */
}

.outbox {
	clear:both;
	color:#F4F4E2;  /* 20210808 */
	background-color:#1F132C; /* 20210808 */
	border: 0px;  /* 20210808 */
	border-radius: 3px;  /* 20210808 */
	opacity:0.95;  /* 20210808 */
} 
.wrap_cont {margin: 0 auto 10px !important}

.container {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
	bottom: 105px;
	z-index: 1000;
	left: 10px;

}

.ticker-container {
  width: 100%;
  overflow: hidden;
  background-color: #333333;
  opacity: 0.8;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.ticker-container ul {
  margin: 0;
  padding: 3px!important;
  list-style-type: none;
}
.ticker-container ul li a {
  color: #ffffff;
  font-size: 13px;
}
.ticker-container .content {
  height: 30px!important;
  overflow: hidden;
}
.chat_datetime_span {
	font-size:10px;
	padding-left:5px;
	font-family:sans-serif;
	color: #828282;
}

.int_bubble 
{
position: relative;
width: 25%;
min-width: 57px;
max-width: 80px;
padding: 4px;
background: #FFFFFF;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border: #807F7F solid 1px;
color:gray!important;font-size:8pt;
}

.int_bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 6px 7px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
margin-left: -6px;
top: -7px;
left: 18%;
}

.int_bubble:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 6px 7px;
border-color: #807F7F transparent;
display: block;
width: 0;
z-index: 0;
margin-left: -6px;
top: -8px;
left: 18%;
}

.int_bubble_left 
{
position: relative;
width: 25%;
min-width: 57px;
max-width: 80px;
padding: 4px;
background: #FFFFFF;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border: #807F7F solid 1px;
color:gray!important;font-size:8pt;
}

.int_bubble_left:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 6px 7px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
margin-left: -6px;
top: -7px;
left: 80%;
}

.int_bubble_left:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 6px 7px;
border-color: #807F7F transparent;
display: block;
width: 0;
z-index: 0;
margin-left: -6px;
top: -8px;
left: 80%;
}

.abi_meter { 
    width: 100%;
    height: 2px;
    position: relative;
    background: #a2a2a2;
    overflow: hidden;
	margin-bottom:2px;
}

.abi_meter span {
    display: block;
    height: 100%;
}

.abi_progress {
    background-color: #dde2e3;
    -webkit-animation: progressBar 3s ease-in-out;
    -webkit-animation-fill-mode:both; 
    -moz-animation: progressBar 3s ease-in-out;
    -moz-animation-fill-mode:both; 
}

.cond_meter { 
    width: 100%;
    height: 2px;
    position: relative;
    background: #d6ddff;
    overflow: hidden;
	margin-bottom:2px;
}

.cond_meter span {
    display: block;
    height: 100%;
}

.cond_progress {
    background-color: #375acc;
    -webkit-animation: progressBar 3s ease-in-out;
    -webkit-animation-fill-mode:both; 
    -moz-animation: progressBar 3s ease-in-out;
    -moz-animation-fill-mode:both; 
}

.form-steps {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.form-steps-item {
  padding: 0.5rem 0;
  position: relative;
  display: table-cell;
  z-index: 10;
}
.form-steps-item:after {
  content: '';
  display: inline-block;
  height: 3px;
  width: 100%;
  background: #bdc3c7;
  float: left;
  position: absolute;
  left: 30px;
  top: 31px;
  z-index: -1;
}
.form-steps-item-content {
  display: inline-block;
  cursor:pointer;
}
.form-steps-item-icon {
    background: #bdc3c7;
    color: #fff;
    display: block;
    border-radius: 100%;
    text-align: center;
    width: 2rem;
    /* height: 2rem; */
    line-height: 2rem;
    margin: 0.5rem auto;
}
.form-steps-item-text {
  font-size: 9pt;
  color: #bdc3c7;
}
.form-steps-item--active {
  color: #27ae60;
}
.form-steps-item--active .form-steps-item-icon {
  background-color: #27ae60;
  color: #fff;
}
.form-steps-item--active .form-steps-item-text {
  color: #fff; /* 20210808 */
}
.form-steps-item--completed .form-steps-item-text {
  color: #27ae60;
}
.form-steps-item--completed .form-steps-item-icon {
  background-color: #27ae60;
  background-color: #27ae60;
  color: #fff;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9Ii03MCAxNjIuOCA0NjkuMiA0NjkuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtNzAgMTYyLjggNDY5LjIgNDY5LjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zOTIuNSwyNTlsLTIxLjctMjEuN2MtOS05LTIzLjYtOS0zMi42LDBMMTEwLjQsNDY1LjJMLTksMzQ1LjhjLTktOS0yMy42LTktMzIuNiwwbC0yMS43LDIxLjdjLTguOSw5LTguOSwyMy42LDAsMzIuNkw5NCw1NTcuNGM0LjUsNC41LDEwLjMsNi44LDE2LjIsNi44czExLjgtMi4zLDE2LjItNi44bDI2NS44LTI2NS44QzQwMS41LDI4Mi41LDQwMS41LDI2OCwzOTIuNSwyNTl6Ii8+PC9nPjwvc3ZnPg==");
  color: transparent;
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: center center;
}
.form-steps-item--completed:after {
  background-color: #27ae60;
}

.form-steps-item:first-child {
  padding-left: 1rem;
}

.form-steps-item:last-child {
  width: 4rem;
}

.form-steps-item:last-child:after {
  content: none;
}

/*´õº¸±âÆäÀÌÁö¹öÆ°*/ /* 20210808 */
.all_button {
	position: relative;
    display: block;
    margin: 5px auto;
    margin-bottom: 10px;
    overflow: hidden;
    clear: both;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: none;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.08), 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 2px 2px 0.4px #90caf9;
    width: 95%;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    text-shadow: rgba(255, 255, 255, 0.4) 0 1px 0;
    font-weight: 600;
    color: #F4F4E2;
    border: 1px solid #90caf9;
    background-color: #160923;
    background: -webkit-linear-gradient(top, #160923, #160923);
    background: -moz-linear-gradient(top, #160923, #160923);
    background: -ms-linear-gradient(top, #160923, #160923);
    background: -o-linear-gradient(top, #160923, #160923);
    background-image: linear-gradient(top, #160923, #160923);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#160923', EndColorStr='#160923');
}

/* 20210808 */
.btn2ea_btn {
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: none;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.08), 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 0 2px rgba(0,0,0,0.08), 0 1px 1px rgba(0,0,0,0.05);
/*     width: 70px; */
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    text-shadow: rgba(255, 255, 255, 0.4) 0 1px 0;
    font-weight: 600;
    color: #F4F4E2;
    border: 1px solid #90caf9;
    background-color: #160923;
    background: -webkit-linear-gradient(top, #160923, #160923);
    background: -moz-linear-gradient(top, #160923, #160923);
    background: -ms-linear-gradient(top, #160923, #160923);
    background: -o-linear-gradient(top, #160923, #160923);
    background-image: linear-gradient(top, #160923, #160923);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#160923', EndColorStr='#160923');
}

/* 20210808 */
.tactics_button_put {
    color: #333333!important;
    /* border-color: #633535; */
    border: 1px solid #fafafa;
    text-shadow: none;
    background-color: #fafafa!important;
    background: -webkit-linear-gradient(top, #fafafa, #fafafa)!important;
    background: -moz-linear-gradient(top, #fafafa, #fafafa)!important;
    background: -ms-linear-gradient(top, #fafafa, #fafafa)!important;
    background: -o-linear-gradient(top, #fafafa, #fafafa)!important;
    background-image: linear-gradient(top, #fafafa, #fafafa)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#fafafa')!important;
}

/* 20210808 */
.tab_lon .tab_a {
    position: relative;
    margin: -1px;
    border: 1px solid #fafafa;
    background: -webkit-linear-gradient( #fafafa, #fafafa);
    background: -o-linear-gradient( #fafafa, #fafafa);
    background: -moz-linear-gradient( #fafafa, #fafafa);
    background: linear-gradient( #fafafa, #fafafa);
    background-image: linear-gradient(top, #fafafa, #fafafa);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#fafafa');
    background-color: #fafafa;
    color: #503390;
}
/* 20210808 */
.tab_lon:first-child .tab_a {
    margin: -1px 0 -1px -1px;
    border: 1px solid #ffffff;
}

/* 20210808 */
.tab_a {
    display: block;
    height: 30px;
    margin-left: -1px;
    border-left: 1px solid #160923;
    background-color: #160923;
    color: #fafafa;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    text-align: center!important;
}


.profile_bubble {
    position: relative;
    width: 41%;
    min-width: 66px;
    max-width: 80px;
    padding: 7px;
    background: #FFFFFF;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 14px;
    border: #807F7F solid 1px;
    color: gray!important;
    font-size: 8pt;
    letter-spacing: 2px;
}

.profile_bubble:after 
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 6px 7px;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -1px;
	top: -7px;
	left: 18%;
}

.profile_bubble:before 
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 6px 7px;
	border-color: #807F7F transparent;
	display: block;
	width: 0;
	z-index: 0;
	margin-left: -1px;
	top: -8px;
	left: 18%;
}

.team_right1 {
    right: 0px;
}
.team_right2 {
    right: 0px;
}

.team_right1, .team_right2 {
    display: block;
    position: relative;
    top: 0px;
    float: right;
    height: 42px;
    border: 0;
    background: none;
    vertical-align: top;
    -webkit-appearance: none;
}

.top_tit_r_blank {
    padding-right: 5px;
}

.top_right3 {
    right: 10px;
}

.top_right3 {
    display: block;
    position: relative;
    top: 10px;
    float: right;
    height: 42px;
    border: 0;
    background: none;
    vertical-align: top;
    -webkit-appearance: none;
}

.top_tit_blank{
	left:0px;
}


/* ======= 20210808  ============== */
.ranking_title, .help_contents, .btn2ea, .main_cup, .coach, .coach_tit, .ranking_list{
	background-color:#1B0E27;
	color:#F4F4E2;
}
.tactics_title_txt{
	color:#F4F4E2;
}

.hty_num, .hty_list, .hty_y, .hty_y2, .frds_handle, .frds_betting, .trans_date, .trans_pay, .trans_name, .game_list, .msg_from, .msg_to, .msg_read, .msg_list, .news_date, .news_team, .gameg_date, .gameg_enter, .game_list_left, .game_list_right, .game_list_emb, .game_win, .game_lose, .game_draw, .coach_num, .coach_name, .coach_team, .coach_renown, .coach_list_emb, .teamrank_num, .teamrank_emb, .teamrank_team, .teamrank_win, .teamrank_draw, .teamrank_lose, .teamrank_total, .league_lig, .league_con, .league_up, .league_down, .record_team, .record_1, .record_2, .record_3, .record_4, .record_5, .player_lst_emb, .player_lst_name, .player_lst_po, .player_lst_team, .brd_list, .brd_num, .brd_writer, .brd_date, .brd_list2, .spr_nic, .spr_team, .fav_name, .fav_team, .fav_msg, .fav_emb, .tlst_emb, .tlst_team, .tlst_1, .tlst_2, .tlst_3, .tlst_4, .tlst_5{
	color:#F4F4E2;
}
.scrollmenu{
	background-color:#0C0514;
}
.d1 span font, .d1 span, .dd1 span{
	color:#F4F4E2;
}
.coach, .news, .ranking_list, .ranking2_list, .hty, .msg, .player_lst, .spr, .p_info, .record, .fav, .trans, .gameg, .brd2, .brd, .comment_list, .btn2ea2, .frds {
	border-bottom:0px!important;
}
.coach:nth-child(even), .comment_list:nth-child(even) , .btn2ea2:nth-child(even), .frds:nth-child(even)  {
  background-color : #2F2537;
}
.coach:nth-child(odd), .comment_list:nth-child(odd), .btn2ea2:nth-child(odd), .frds:nth-child(odd) {
  background-color : #32293B;
}
.brd:nth-child(even) {
  background-color : #2F2537;
}
.brd:nth-child(odd) {
  background-color : #32293B;
}
.brd2:nth-child(even) {
  background-color : #160923;
}
.brd2:nth-child(odd) {
  background-color : #160923;
}
.gameg:nth-child(even) {
  background-color : #2F2537;
}
.gameg:nth-child(odd) {
  background-color : #32293B;
}
.trans:nth-child(even) {
  background-color : #2F2537;
}
.trans:nth-child(odd) {
  background-color : #32293B;
}
.fav:nth-child(even) {
  background-color : #2F2537;
}
.fav:nth-child(odd) {
  background-color : #32293B;
}
.record:nth-child(even) {
  background-color : #2F2537;
}
.record:nth-child(odd) {
  background-color : #32293B;
}
.p_info:nth-child(even) {
  background-color : #2F2537;
}
.p_info:nth-child(odd) {
  background-color : #32293B;
}
.msg:nth-child(even) {
  background-color : #2F2537;
}
.msg:nth-child(odd) {
  background-color : #32293B;
}
.spr:nth-child(even) {
  background-color : #2F2537;
}
.spr:nth-child(odd) {
  background-color : #32293B;
}
.player_lst:nth-child(even) {
  background-color : #2F2537;
}
.player_lst:nth-child(odd) {
  background-color : #32293B;
}
.hty:nth-child(even) {
  background-color : #2F2537;
}
.hty:nth-child(odd) {
  background-color : #32293B;
}
.ranking_list:nth-child(even) {
  background-color : #2F2537;
}
.ranking_list:nth-child(odd) {
  background-color : #32293B;
}
.ranking2_list:nth-child(even) {
  background-color : #2F2537;
}
.ranking2_list:nth-child(odd) {
  background-color : #32293B;
}
.news:nth-child(even) {
  background-color : #2F2537;
}
.news:nth-child(odd) {
  background-color : #32293B;
}
.teamrank {
	border-bottom: 1px solid #2F2537;
}
.teamrank:nth-child(even) {
  background-color : #2F2537;
}
.teamrank:nth-child(odd) {
  background-color : #32293B;
}
.teamrank_team a, .player_lst_name a, .record_team a, .game_list_left a, .game_list_right a, .comment_list_msgleft a, .hty_list b {
	color:#fafafa!important;
}
.top_tit_r_blank, .brd_view{
	background-color:#1B0E27;
}
.ranking2_list_3, .player_list_2{
	color:#F4F4E2;
}
.ranking2_list_1, .ranking2_list_2, .ranking2_list_3, .ranking2_list_4, .ranking2_list_5, .ranking2_list_6, .ranking2_list_img, .player2_list_1, .player2_list_2, .player2_list_3, .noti2_list_1, .player2_list_msgleft, .player2_list_msgright, .player2_info_1, .player2_info_2, .player2_info_3, .player2_info_4, .player2_info_5
{
	color:#F4F4E2;
}
.ranking_title, .btn2ea, .main_cup, .coach, .coach_tit, .ranking_list{
	color:#F4F4E2;
}
.help_contents{
	color:#a2a2a2;
}
.ranking_title_txt, .ranking_title_txt_team, .player_title_txt, .shop_lst_tit {
	color:#AF7DDA;
}

.form-steps-item--active .form-steps-item-icon, .form-steps-item--completed .form-steps-item-icon{
	background-color:#02de86;
}
.form-steps-item--completed .form-steps-item-text{
	color:#02de86;
}
.board_contents, .pay_bank, .my_p, .top_tit, .top_tit2, .co_name, .comment_title{
  background-color : #2F2537;
}
.comment_tit{
  background-color : #32293B;
}
.my_p_txt{
	color:#AFAFAF!important;
}
.a2, .aa2{
	background:#28092a;
}

.bigtit, .player_list_msgleft, .player_list_msgright, .player_list_1{
	color:#FAFAFA!important;
}

.a4 li img, .aa4 li img, .btm_btn3d img, .top_menu_txtbox img {
	-webkit-filter: grayscale(100%);
	filter: gray;
}

.bottomBadge{
	z-index:1000;
}

.tactics_button, .tactics_button2, .btn2ea_btn{
	background: -webkit-linear-gradient(top, #160923, #160923);
	color:#fafafa;
}

.spr_team a, .spr_nic a, .p_info_r_txt a, .p_info_l_txt a, .fav a, .brd_view_right a, .ranking_list_2 a, .hty_list a, .trans_name a, .tactics_title_txt a, .player_list_msgright a{
	color:#fafafa;
}

.prf_info{
  background-color : #2F2537;
}

.prf_info_name p{
	color:#fafafa;
}

.p_info_l_num, .p_info_r_num{
	color:#0afd62;
}

.shop_lst_sub1, .point_page_txt1, .point_page_txt2{
	color:#464646;
}

.board_contents{
	color:#fafafa;
}

.ssnews_bg1{
	background-image:url('')!important;
	font-size:10px!important;
	color: #7b7286;
	padding-left: 6px;
	padding-right: 6px;
}

.ranking_list_3{
	color:#bfbfbf;
}

.p_info_l_num_full{
	border-right:0px!important;
}
.brd_w{
	background-color:#2d2538;
}
.prf_info_img img, .my_t_img{
	border: 1px solid #dddddd;
}
.btn2ea, .btn2ea2{
	border: 0px!important;
}
.cup_2{
	color:#02de86!important;
}

.tournarment_info{
	background-color:#170a24;
}
.popup_content-modal{
	background-color:#463d40!important;
}
.popup_close, .coach_name a{
	color: #b79ba5!important;
}
.pay_bank_con{
	color: #02de86; /* ³ì»ö */
}
.player_list_1 font, .all_button font, .tab_l font{
	color: #ff9393; /* »¡°£»ö */
}
.player_list_1 font{
	font-size:13px;
}
.subject_title {
    background-color: #160a23;
}
.brd_w_con {
    color: #b79ba5;
}
.dat {
    color: #02de86;
}
.p_link{
    color: #1a0f29!important;
}
.top_tit_detail_txt{
	color: #888888; /* ±×·¹ÀÌ */
}
.hty_tit_num, .hty_tit_list, .hty_tit_y, .hty_tit_y2, .frds_tit_handle, .frds_tit_betting, .trans_tit_date, .trans_tit_pay, .trans_tit_name, .msg_tit_from, .msg_tit_to, .msg_tit_read, .news_tit_date, .news_tit_team, .gameg_tit_date, .gameg_tit_enter, .coach_tit_num, .coach_tit_name, .coach_tit_renown, .teamrank_tit_num, .teamrank_tit_team, .teamrank_tit_win, .teamrank_tit_draw, .teamrank_tit_lose, .teamrank_tit_total, .league_tit_lig, .league_tit_con, .league_tit_up, .league_tit_down, .record_tit_team, .record_tit_1, .record_tit_2, .record_tit_3, .record_tit_4, .record_tit_5, .player_lst_tit_name, .player_lst_tit_po, .player_lst_tit_team, .brd_tit_list, .brd_tit_num, .brd_tit_writer, .brd_tit_date, .spr_tit_nic, .spr_tit_id, .spr_tit_team, .fav_tit_name, .fav_tit_team, .fav_tit_msg, .tlst_tit_team, .tlst_tit_1, .tlst_tit_2, .tlst_tit_3, .tlst_tit_4, .tlst_tit_5{
	color: #afafaf; /* ±×·¹ÀÌ Å¸ÀÌƲ */
}
/* ŸÀÌƲ */
.msg_tit, .trans_tit, .frds_tit, .hty_tit, .gameg_tit, .player_lst_tit, .spr_tit, .teamrank_tit, .news_tit, .record_tit, .play_title{
    background-color: #160a23;
}
.my_p_photo {
    background-color: #160923;
}
.my_p_photo_txt{
    color: #848484;
}
.ranking_list_1, .ranking_list_2, .ranking_list_3, .ranking_list_4, .ranking_list_5, .ranking_list_6, .ranking_list_img, .player_list_1, .player_list_2, .player_list_3, .noti_list_1, .player_list_msgleft, .player_list_msgright, .player_info_1, .player_info_2, .player_info_3, .player_info_4, .player_info_5{
	font-size:13px;
}
.bottomBadge {
    background: #ffd64f!important;
    color: #3f3514!important;
}
.name4 {
    color: #fafafa;
}
.tab_a {
	font-size:11px;
}
.player_lst_team a, .player_lst_po a {
    color: #ff9393;
}
.co_name_num {
    color: #02de86;
}
.play_title_txt, .play_title_txt_team{
	color:#fafafa;
}

.brd_view_right{
	color:#a9a9a9;
}
.comment_tit_btn{
    border: 1px solid #02de86;
    border-top: 1px solid #02de86;
    background-color: #02de86;
    background: -webkit-linear-gradient(top, #02de86, #02de86);
}

/* ======= 20210808  ============== */

.top_tit_r_blank_txt{
	font-size:25px;
}

img {
    vertical-align: bottom;
}

/* ======= 20220630  ============== */

.ranking_list{
  height: 52px!important;
}

.player_title_reocrd {
  background-color: #271a32!important;
  color: #AF7DDA!important;
}
.player_title_reocrd {
  clear: both;
  background-color: #f2f2f2;
  text-align: center;
  height: 20px;
  line-height: 20px;
}		
.player_title_reocrd_txt {
  display: inline-block;
  float: left;
  border-color: #535353;
  border: 1px;
  font-size: 8px;
  font-weight: 600;
  color: #c3c3c3;
  width: 11%;
}	
.player_record_list {
  background-color: #3c3445!important;
}
.player_record_list {
  clear: both;
  background-color: #fff;
  border-bottom: 1px solid #616161;
  text-align: center;
  height: 20px;
  line-height: 20px;
}		
.player_record_list_value {
  display: inline-block;
  float: left;
  font-size: 9px;
  font-weight: 600;
  color: #a7a7a7;
  width: 11%;
}