li {list-style:none;}
#newsticker1 {min-height:255px;}
#newsticker1 ul {width:100%}
#newsticker1 li {width:100%; line-height:41px; vertical-align:middle}
#newsticker1 ul li p {}

#newsticker2 {min-height:255px;}
#newsticker2 ul {width:100%}
#newsticker2 li {width:100%; line-height:41px; vertical-align:middle}
#newsticker2 ul li p {}

.profit_tbl { width: 100%; text-align: center; border-collapse: collapse;}
.profit_tbl p { text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:1.1em;}
.profit_tbl td, .profit_tbl .profit_td {border-bottom: 1px solid #b9b5aa;}
.profit_td_win { line-height:41px; vertical-align:middle; background:#ffdfe0; color:#b3151b; border-bottom: 1px solid #b9b5aa;}
.profit_tbl th, .profit_tbl .profit_th { border-bottom: 1px solid #b9b5aa; border-top: 2px solid #b3151b; background-color: #f7f7f7;}

/* 테이블 */
.fluid_table2 {width: 100%; border-collapse: collapse; border-spacing: 0;}
.fluid_table2 caption {overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
.fluid_table2 th {padding: 10px 10px; border: 1px solid #d6d6d6; text-align: center; font-size: 15px;}
.fluid_table2 td {padding: 10px 10px; border: 1px solid #d6d6d6; border-top: none; vertical-align: middle; text-align: center;}
.table_when {}
.table_full {text-align: center;}

/*충전 및 사용내역*/
.nav2 {border-bottom:3px solid #b3151b}
.nav2 > li > a:hover,
.nav2 > li > a:focus {background:#dcdcdc;}
.nav2 > li.disabled > a:hover,
.nav2 > li.disabled > a:focus {cursor: not-allowed;}
.tab_content > .tab_pane2 {display: none; visibility: hidden;}
.tab_content > .active {display: block;	visibility: visible;}
.nav2 > li.active > a,
.nav2 > li.active > a:hover,
.nav2 > li.active > a:focus {cursor: pointer; color: #fff; background: #b3151b;}
.nav2 li a {width: 100%; display: block; padding: 10px 0; font-size: 1.15em; color: #333; text-align: center; font-weight:bold}
.nav2 ul img {width: 43px; padding: 0 10px 0 0; float:left; margin-top:5px; height:30px; line-height:1;}
.nav2 ul input {width: 20%; padding: 5px 0; font-size: 15px; color: #666; text-align: center; border:1px solid #c3c3c3; float:left; margin-top:5px; height:30px; line-height:1; cursor: pointer;}
.nav2 li {border: 1px solid #ccc; border-left: none; border-bottom: none; margin-bottom: 0px; color:#c3c3c3;}
.nav2 li:first-child {border-left: 1px solid #ccc;}

.nav2 > ul {border:none; margin-bottom: 0px;	color:#c3c3c3; padding-left:15px;}
.nav2 > ul > .d1 {width:5%; margin-top:5px; float:left}
.nav2 > ul > .d1 > p {width:100%; height:100%; padding: 5px 0; text-align:center;}
.nav2 > ul > .d2 {width:20%; margin-top:5px;  margin-left:10px; float:left}
#nav2_small {display:none;}

.btn_buy{background-color: #b3151b; color:#fff; border: 1px solid #b3151b; cursor: pointer; font-size:1.1em; width:100%; height:41px; font-weight:bold} 
.btn_buy:hover {background-color:#941217; color:#fff; border: 1px solid #941217;}

.btn_people {background-color: rgba(0, 0, 0, 0); color:#941217; border: 1px solid #941217;  cursor: pointer; font-size:1em; width:100%; height:30px;}
.btn_people:hover {background-color:#941217; color:#fff; border: 1px solid #941217;}

ul.tabs li.current button{background-color:#941217; color:#fff; border: 1px solid #941217;}

.event_banner > div > img {width:100%; max-height:344px;}
.event_rank {margin-bottom: 0; padding-left: 20px; padding-right: 0; cursor:default}
.profit_th_rank {line-height:43px; vertical-align:middle; border-bottom: 1px solid #b9b5aa; border-top: 2px solid #b3151b; background-color: #f7f7f7;}

.expert {margin-bottom:5px}
.expert_so {float: left; margin-bottom:1%}
.expert_so > div {width:30px; height:2px; background:#b3151b; margin-bottom:5px}
.expert_so > p {padding:0 0 5px 0; font-size:1.2em;}
.expert_bu {background:#f7f7f7; min-height:403px;}
.expert_bu > ul {padding:20px}
.expert_bu > ul > li {padding-right:10px; padding-left:10px; padding-bottom:10px; padding-top:10px;}
.expert_bu > ul > li > button {width:100%; height:100%; padding: 10px 0;}
.expert_bu > #expert_small {display:none;}

.myrank {cursor:default; color:#39291c; border:1px solid #f7f7f7; background:#f7f7f7; margin-top:5px; line-height:50px}
.myrank > p {vertical-align:middle; text-align:center; font-size:1.2em;}
.myrank > p > b {padding:5px 15px; font-size:0.9em; border-radius:25px; color:#fff; background:#b3151b; vertical-align:middle; line-height:30px; margin-top:10px; margin-right:10px; text-align:center;}

.my_hold_title {float: left;}
.my_hold_title > div {width:30px; height:2px; background:#b3151b; margin-bottom:5px}
.my_hold_title > p {font-size:1.2em; padding:0 0 5px 0;}

.my_hold {margin:5px 0; background:#f7f7f7}
.my_hold > div {text-align:center; line-height:100px; vertical-align:center;}
.my_hold > div > ul > li > p {font-size:1.8em}
.my_hold > div > ul > li > p > b {color:#b3151b; font-size:1.3em}
.my_hold > div > ul > .my_hold_bu {padding-right:20px;}

.my_refund_title {float: left;}
.my_refund_title > div {width:30px; height:2px; background:#b3151b; margin-bottom:5px}
.my_refund_title > p {font-size:1.2em; padding:0 0 5px 0;}

.my_refund {margin:5px 0;}
.my_refund > div {text-align:center; line-height:100px; vertical-align:center;}
.my_refund > div > ul > li {background:#f7f7f7}
.my_refund > div > ul > li > p {font-size:1.8em}
.my_refund > div > ul > li > p > b {color:#b3151b; font-size:1.3em}

.sponsor {border-left: 5px solid #cd1a1c; padding: 3px 10px; margin: 0 0 1% 0; float: left;}
.sponsor > p {font-size:1.2em}
.sponsor > p > font {color:#b3151b; font-size:0.9em}

.message > .message_in1 {margin:5px 0;}
.message > .message_in1 > #divv1 > select {cursor: pointer; border: 1px solid #aaa; width: 300px; height: 40px; display: block; float:left}
.message > .message_in1 > #divv1 >  p {float:left; margin:0px 10px; line-height: 40px; vertical-align:middle}
.message > .message_in1 > #divv2 > span {border: 1px solid #aaa; width: 300px; height: 40px; display: block; float:left}
.message > .message_in1 > #divv2 >  p {float:left; margin:0px 10px; line-height: 40px; vertical-align:middle}
.message > .message_in1 > #divv2 > span > input {width: 100%; height: 37px; padding: 0 5px; border: none; font-size: 14px; cursor: pointer;}

.message > .message_in2 {margin:5px 0;}
.message > .message_in2 > span {border: 1px solid #aaa; width: 645px; height: 40px; display: block; float:left}
.message > .message_in2 > span > input {cursor: pointer; width: 100%; height: 37px; padding: 0 5px; border: none; font-size: 14px;}
.message > .message_in2 > p {float:left; margin:0px 10px; line-height: 40px; vertical-align:middle}
.message > .message_in2 > li {padding:0 10px;}

.container_table {width:100%;}

@media (max-width: 1199px){
	.container {width:96%}
}

@media (max-width: 991px){
	.event_rank {padding: 0px;}
	.nav2 ul input {width: 27%;}
	.expert_bu {min-height:auto; margin-bottom:5px;}
	.message > .message_in2 > li {padding:5px 0;}
	.message > .message_in1 > #divv1 >  select {width:40%; height: 40px;}
	.message > .message_in1 > #divv2 >  span {width: 40%; height: 40px;}
	.message > .message_in2 > span {width: 80.5%; height: 40px;}
}

@media (max-width: 767px){
	.expert_bu > #expert_small {width:100%; height:41px; display:block; border: 1px solid #941217; }
	.expert_bu > ul {display:none}
	
	.message > .message_in2 > li {margin-top:45px;}
	.message > .message_in1 > #divv1 >  select {width:80%; height: 40px;}
	.message > .message_in1 > #divv1 {margin-bottom:50px;}
	.message > .message_in1 > #divv2 >  span {width: 80%; height: 40px;}
	.message > .message_in2 > span {width: 80%; height: 40px;}

	.my_hold > div > ul > .my_hold_bu {line-height:40px; padding:0 10px; margin-bottom:10px; width:50%}

	#nav2_small {width:100%; height:41px; display:block; border: 1px solid #941217;}
	.nav2 li a {display:none}

	.nav2 > ul {padding:0; margin-top:5px; margin-bottom:5px; width:314px;}
	.nav2 {border-bottom:none}
	.nav2 li {border:none}

	.fluid_table2, .fluid_table2 thead, .fluid_table2 tbody,
	.fluid_table2 tr, .fluid_table2 th, .fluid_table2 td{
		display: block;
	}/* 테이블의 모든 요소를 block화 시킴*/
	.fluid_table2 thead tr{
		position: absolute;
		left: -9999px;
		top: -9999px;
	}/* thead의 tr을 화면밖으로 날림 */
	.fluid_table2 tr:after{
		content: "";
		display: block;
		clear: both;
	}/* th,td의 플롯해제 */
	.fluid_table2 td{
		position: relative;
		float: left;
		width: 100%;
/*        padding-left: 20%;*/
	}/* td내용 우측에 타이틀 들어갈 영역 만듬 */
	.fluid_table2 th, .fluid_table2 td{
		padding: 7px 10px;
	}
	.fluid_table2{
	border-top: 2px solid #b3151b
	}
	.table_type{
		font-size: 16px;
		text-align: center;
	   /*  border-top: 3px solid #333 !important;
	   margin-top: 5px;*/
	}
	
/*
	.fluid_table td:before{
		position: absolute;
		left: 10px;
		top: 14px;
		font-weight: bold;
	}
*/
}

@media (max-width: 550px){
	.message > .message_in1 > #divv1 >  select {width:65%; height: 40px;}
	.message > .message_in1 > #divv2 >  span {width: 65%; height: 40px;}
	.message > .message_in2 > span {width: 65%; height: 40px;}
}

@media (max-width: 400px){
	input::placeholder {font-size:0.9em}
}
@media (max-width:354px){
	input::placeholder {font-size:0.8em}
}


/*아데나 팝업 스타일*/
.btn_pop{background-color: #b3151b; color:#fff; border: 1px solid #b3151b; cursor: pointer; font-size:1.1em; font-weight:bold;} 
.btn_pop:hover {background-color:#941217; color:#fff; border: 1px solid #941217;}

.btn_close {background-color: rgba(0, 0, 0, 0); color:#941217; border: 1px solid #941217;  cursor: pointer; font-size:1em; }
.btn_close:hover {background-color:#941217; color:#fff; border: 1px solid #941217;}

::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar:vertical { width: 12px; } ::-webkit-scrollbar:horizontal { height: 12px; } ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }

.pop1_all {width:320px; height:250px; vertical-align:middle; background:#e9ecef; overflow:hidden; margin:0 auto; border:1px solid #d5dbe0}
.pop1_title {margin-bottom:4%;}
.pop1_title_1 { background:#333; padding:5px 0; width:100%; text-align:center}

.pop1_sec {margin-bottom:4%;}
.pop1_sec_1 {width:300px; background:#fff; margin:0 auto; overflow:hidden; border:1px solid #d5dbe0}

.pop1_foot {margin-bottom:4%;}
.pop1_foot_1 {width:300px; margin:0 auto;}

@media (max-width: 767px){
		.pop1_all {width:100%; height:100%; border:none}
		.pop1_sec_1 {width:96%;}
		.pop1_foot_1 {width:96%;}
}

.pop2_all {width:320px; height:645px; vertical-align:middle; background:#e9ecef;  overflow:auto; margin:0 auto; border:1px solid #d5dbe0}

.pop2_title {margin-bottom:4%;}
.pop2_title_1 {background:#333; padding:5px 0; width:100%; text-align:center}

.pop2_sec {margin-bottom:4%;}

.pop2_sec0 {width:300px; background:#fff; margin:0 auto; overflow:hidden; border:1px solid #d5dbe0}

.pop2_foot_1 {width:300px; margin:0 auto;}

@media (max-width: 767px){
		.pop2_all {width:100%; height:100%; border:none}
		.pop2_sec0 {width:96%;}
		.pop2_foot_1 {width:96%}
}