@charset "utf-8";

.club_event_ranking_outer { font-family:'Noto Sans KR',sans-serif; }

.ranking_top_reward { padding-top:30px; text-align:center; }
.ranking_top_reward .reward_toggle_btn { display:inline-block; padding:5px 30px; line-height:26px; font-size:18px; font-weight:bold; letter-spacing:-1px; color:#0670e6; border:3px solid #0670e6; box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; }
.ranking_top_reward .reward_toggle_btn:hover { color:#fff; background:#0670e6; }
.ranking_top_reward .reward_img { display:none; }
.ranking_top_reward .reward_img img { margin-top:30px; }

.club_event_ranking_tab { padding:30px 10px; }
.club_event_ranking_tab ul { display:table; table-layout:fixed; width:100%; }
.club_event_ranking_tab ul li { display:table-cell; vertical-align:middle; width:33%; text-align:center; }
.club_event_ranking_tab ul li.last { width:34%; }
.club_event_ranking_tab ul li a { display:inline-block; width:94%; padding:5px 0; line-height:26px; font-size:18px; font-weight:bold; letter-spacing:-1px; color:#0670e6; border:3px solid #0670e6; background:url(http://partner1.darts.kr/images/club_event/2021/club_event_ranking_tab_arrow01.png) 92% center no-repeat; box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; }
.club_event_ranking_tab ul li.current a { color:#fff; background:#0670e6; }

.club_event_ranking_con { display:none; }
.club_event_ranking_con.club_event_ranking_con_1 { display:block; }
.club_event_ranking_tb_outer { margin-top:20px; border-top:2px solid #b7b7b7; border-bottom:2px solid #636363; }
.club_event_ranking_tb { table-layout:fixed; }
.club_event_ranking_tb th, .club_event_ranking_tb td { padding:10px 5px; text-align:center; font-size:13px !important; }
.club_event_ranking_tb th { font-weight:bold; border-left:2px solid #ddd; border-bottom:2px solid #636363; background:#ebebeb; }
.club_event_ranking_tb th:first-child { border-left:0; }
.club_event_ranking_tb td { border-left:2px solid #ebebeb; border-top:2px solid #ebebeb; }
.club_event_ranking_tb td:first-child { border-left:0; }
.club_event_ranking_tb tr:first-child td { border-top:0; }
.club_event_ranking_tb tr.club_popup_top_8 td { background:#e7f2ff; color:#0670e6; font-weight:bold; }
.club_event_ranking_tb td a { display:block; line-height:16px; color:#0670e6; font-weight:bold; }
.club_event_ranking_tb td span { display:inline-block; vertical-align:top; max-width:96%; }
.club_event_ranking_tb td span.ellipsis { display:block; max-width:unset; }
.club_event_ranking_tb td span.arrow { display:inline-block; margin-left:1%; vertical-align:top; max-width:unset; }
.club_event_ranking_tb td span.arrow img { margin-top:-2px; }

.club_event_ranking_con .dot_list > li, .club_event_ranking_con .number_list > li { position:relative; padding-left:10px; line-height:20px; font-size:12px; color:#7d7d7d; text-align:left; letter-spacing:-0.5px; word-break:keep-all; }
.club_event_ranking_con .number_list > li { padding-left:15px; }
.club_event_ranking_con .number_list > li strong { color:#0670e6; }
.club_event_ranking_con .number_list.number_list2 > li { margin:0; padding-left:14px; font-size:12px; }
.club_event_ranking_con .dot_list > li > span.dot, .club_event_ranking_con .number_list > li > span.number { position:absolute; left:0; top:0; }
.club_event_ranking_con .dot_list > li > span.dot.star { top:2px; }
.club_event_ranking_con .number_list > li a { display:inline-block; margin-left:10px; padding:0 10px 0 20px; line-height:23px; font-size:12px; font-weight:bold; color:#0670e6; border:2px solid #0670e6; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; }
.club_event_ranking_con .number_list > li a span.arrow { margin-left:5px; }
.club_event_ranking_con .number_list > li a#point_rule_chk.open span.arrow img {
	transform:rotateZ(-180deg);
	-webkit-transform:rotateZ(-180deg);
	-moz-transform:rotateZ(-180deg);
	-ms-transform:rotateZ(-180deg);
	-o-transform:rotateZ(-180deg);
}
.club_event_ranking_con .number_list > li a#gift_popup_btn span.arrow img { margin-top:-2px; }

.club_event_ranking_paging { margin-top:20px; text-align:center; }
.club_event_ranking_paging_list { display:inline-block; vertical-align:top; text-align:center; font-size:0; line-height:0; letter-spacing:-5px; }
.club_event_ranking_paging_list li { display:inline-block; margin:0 5px; vertical-align:top; font-size:15px; line-height:30px; letter-spacing:0; }
.club_event_ranking_paging_list li a { display:block; padding:0 5px; }
.club_event_ranking_paging_list li.current,
.club_event_ranking_paging_list li.paging_arrow a { font-weight:bold; }

#point_rule { display:none; }

#club_card_list_popup_outer, #gift_popup_outer { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999; }
#club_card_list_popup_outer .club_card_list_popup { position:absolute; left:50%; top:50%; width:500px; padding:20px 10px; background:#fff; overflow:hidden; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
#club_card_list_popup_outer .club_card_list_popup .club_card_list_popup_inner { max-height:500px; overflow-y:scroll; }
#club_card_list_popup_outer .club_card_list_popup .club_card_list_tit { width:95%; line-height:24px; font-size:18px; font-weight:bold; }
#club_card_list_popup_outer .club_card_list_popup .club_card_list_close { position:absolute; right:15px; top:10px; display:block; width:15px; height:15px; font-size:20px; font-family:'Helvetica',Arial; }
#club_card_list_popup_outer .club_card_list_popup .club_event_ranking_tb_outer { margin:0; }
#club_card_list_popup_outer .club_card_list_popup ul.number_list { margin-bottom:20px; }

#gift_popup_outer .gift_popup { position:absolute; left:50%; top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
#gift_popup_outer .gift_popup .gift_popup_close { position:absolute; right:0; top:-58px; }

@media (max-width:768px){

	.club_event_ranking_tab ul li a { line-height:18px; font-size:12px; }

	.club_event_ranking_con .number_list > li a { margin:5px 5px 0; }

	.club_event_ranking_con { margin:0 10px; }

	.club_event_ranking_tb td span { max-width:92%; }

	#club_card_list_popup_outer .club_card_list_popup { width:96%; }
	#club_card_list_popup_outer .club_card_list_popup .club_card_list_popup_inner { max-height:400px; }

	#gift_popup_outer .gift_popup { width:96%; }
	#gift_popup_outer .gift_popup .gift_popup_close { top:-50px; width:40px; }
	#gift_popup_outer .gift_popup img { max-width:100%; }

}


/* 보너스 스테이지 추가 */
.bonus_stage_info_msg { margin:30px 0 15px; padding:10px 15px; line-height:28px; font-size:15px; font-weight:bold; text-align:center; color:red; letter-spacing:-1px; border:2px solid #ebebeb; }

.bonus_stage_notice_list {  }
.bonus_stage_notice_list p { line-height:30px; font-size:13px; font-weight:bold; }
.bonus_stage_notice_list p strong { color:red; }
.bonus_stage_notice_list #bonus_stage_notice_list_toggle { position:relative; display:inline-block; vertical-align:middle; width:20px; height:20px;
	border:2px solid #0670e6; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;
	box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
}
.bonus_stage_notice_list #bonus_stage_notice_list_toggle:before {
	position:absolute; left:40%; top:50%;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	display:block; width:7px; height:2px; content:'';
	background:#0670e6;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
}
.bonus_stage_notice_list #bonus_stage_notice_list_toggle:after {
	position:absolute; right:40%; top:50%;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	display:block; width:7px; height:2px; content:'';
	background:#0670e6;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
}
.bonus_stage_notice_list #bonus_stage_notice_list_toggle.opened {
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}
.bonus_stage_notice_list ul.number_list { display:none; padding:0 15px; }

@media (max-width:768px){
	.bonus_stage_notice_list p { line-height:24px; font-size:13px; }
	.bonus_stage_notice_list #bonus_stage_notice_list_toggle { width:20px; height:20px; }
	.bonus_stage_notice_list #bonus_stage_notice_list_toggle:before {
		width:8px;
	}
	.bonus_stage_notice_list #bonus_stage_notice_list_toggle:after {
		width:8px;
	}
}