﻿@charset "utf-8";
/* CSS Document */
@font-face {font-family:DS-DIGT;src: url(/app/font/DS-DIGIB.TTF);font-style:normal;font-weight:normal;}
@font-face {font-family:Rix헤드 EB;src: url(/app/font/RixHeadEB.ttf);font-style:normal;font-weight:normal;}

.w_s764 {width:764px}
.w_s250 {width:250px}
.w_s200 {width:200px}

/*공통 페이지 타이틀 */
.title01{ position:relative;font-size:3em;margin:0 0 0 0;padding:15px 0 15px 70px;/* font-family:'DS-DIGT';*/ background:#2b406a url(/app/images/logo.png) no-repeat center center; background-size:160px; text-align:center; color:#FFF; text-align:left; border-bottom:1px #000 solid}
.title01 a{ position: absolute;top:25px; right:60px}
.input_box01 { width:480px;padding:0 10px;background:#FFF;vertical-align:middle; font-family:'Nanum Gothic'; font-weight:bold; font-size:2.8em; color:#000; text-align:left}
.sel_box01{ width:380px;padding:4px 10px;;vertical-align:middle;border:1px solid #dcdcdc; font-size:2.2em; font-family:'Nanum Gothic'; background:#fff; color:#000;
		   -webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
		   border-radius: 2px;	
			-webkit-box-shadow:inset 0px 0px 4px 0px #dadada; 
			box-shadow:inset 0px 0px 4px 0px #dadada;				   
}
.sel_box02{padding:4px 20px;vertical-align:middle;border:1px solid #dcdcdc; font-size:1.8em; font-family:'Nanum Gothic'; background:#fff; color:#000;
		   -webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
		   border-radius: 2px;	
			-webkit-box-shadow:inset 0px 0px 4px 0px #dadada; 
			box-shadow:inset 0px 0px 4px 0px #dadada;				   
}

.sel_box03{padding:4px 10px;vertical-align:middle;border:1px solid #dcdcdc; font-size:1.2em; font-family:'Nanum Gothic'; background:#fff; color:#000;
		   -webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
		   border-radius: 2px;	
			-webkit-box-shadow:inset 0px 0px 4px 0px #dadada; 
			box-shadow:inset 0px 0px 4px 0px #dadada;				   
}


/* 공통 양분된 블럭 내 마진값 
.block-a1-a {margin: 0 0 0 77px}
.block-b1-b {margin: 0 0 0 90px; text-align:left} */
		
	
/* 회원검색 리스트***************************************************************** */
.search_block{ display:inline-block; width:500px;margin:0 0 0 0; vertical-align:top; border:0px #fff solid}

.search_block .phone_block{ width:478px; vertical-align:top;
	padding:14px 0 18px 17px;
	background:#33363a;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   border:1px #000 solid;
}

.phone_block .input_box { width:280px;padding:0 2px;background:#FFF;vertical-align:middle; font-family:'arial'; font-weight:bold; font-size:2em; color:#000; text-align:center}

.list_block{display:inline-block; width:808px;vertical-align:top;
	padding:13px 0 0 10px;
	background:#171a1c;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   border:4px #000 solid;
}
.list_block { height:825px; overflow:auto;}

.list_block a.no_member_block { width:242px;
   display:inline-block;
   background: #1ce1ff; 
   border: 5px solid #d2d2d2;
   margin:0 0 20px 12px;
   padding:0;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   /*-webkit-box-shadow: #000 0 0 10px;
   -moz-box-shadow: #000 0 0  10px;
   box-shadow: #000 0 0 10px;*/
   text-shadow: #333 0 0 0;
   color: #000;
   font-size: 3em;
   font-family:"Nanum Gothic" ; 
   text-decoration:none;
   vertical-align: middle;
    font-weight:bold;
	word-spacing:-2px;
	letter-spacing:-2px;	
	}
.list_block a.member_block { width:242px;
   display:inline-block;
   background: #e5e5e5 url(/app/images/bg_member.png) no-repeat 0 0; 
   border: 5px solid #d2d2d2;
   margin:0 0 20px 12px;
   padding:0;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   /*-webkit-box-shadow: #000 0 0 10px;
   -moz-box-shadow: #000 0 0  10px;
   box-shadow: #000 0 0 10px;*/
   text-shadow: #333 0 0 0;
   color: #000;
   font-size: 3em;
   font-family:"Nanum Gothic" ; 
   text-decoration:none;
   vertical-align: middle;
    font-weight:bold;
	word-spacing:-2px;
	letter-spacing:-2px;	
	}
.list_block a.no_member_block:active, .list_block a.member_block:active {
   display:inline-block;
   background: -webkit-gradient(linear, left top, left bottom, from(#89efff), to(#1ce1ff));
   background: -webkit-linear-gradient(top, #89efff, #1ce1ff);
   background: -moz-linear-gradient(top, #89efff, #1ce1ff);
   background: -ms-linear-gradient(top, #89efff, #1ce1ff);
   background: -o-linear-gradient(top, #89efff, #1ce1ff);   
   border: 5px solid #1ce1ff;
   margin:0 0 20px 12px;
   padding:0;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   text-shadow: #333 0 0 0;
   color: #000;
   font-size: 3em;
   font-family:"Nanum Gothic" ; 
   text-decoration:none;
   vertical-align: middle;
    font-weight:bold;
	word-spacing:-2px;
	letter-spacing:-2px;	
	}	
.list_block .no_member {font-size:0.7em;margin:57px 0;color:#fff; font-weight:bold; color:#000; line-height:0; text-align:center} /* 비회원 박스*/
.list_block .member {margin:0}
.list_block .member li{ position:relative;}
.list_block .member li .name{ font-size:2.2em; line-height:36px;}
.list_block .member li .handy01{ position:absolute; right:10px; top:5px; font-size:2.5em;}
.list_block .member li .hp_number{ font-size:1.8em;font-weight:normal; line-height:45px;}

/* 동회 회원 추가 */
.list_block01{display:inline-block;color:#FFF; width:100%; font-size:2.2em; font-weight:bold; text-align:center;
	padding:16px 0;
	background:#171a1c;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   border:4px #000 solid;
}
.club_member {height:564px;margin:20px 0 0 0; overflow:auto;}		   
.club_member li {position:relative;padding:12px 0 15px 20px; border-bottom:1px #818283 solid; text-align:left; color:#FFF; font-size:1.6em;/* font-weight:bold*/}		
.club_member li a {position:absolute; top:12px; right:15px;}


.txt_01 {font-size:1.4em;margin:30px 0 30px 50px;color:#fff; font-weight:normal; line-height:30px}		
.txt_01 span{color:#fff000;}		

.member_sel { width:365px; line-height:59px;
   border: 5px solid #333;
   background:url(/app/images/arr_bg_off.png) no-repeat left center;
   background: -webkit-gradient(linear, left top, left bottom, from(#F8EA97), to(#FFF000));
   background: -webkit-linear-gradient(top, #F8EA97, #FFF000);
   background: -moz-linear-gradient(top, #F8EA97, #FFF000);
   background: -ms-linear-gradient(top, #F8EA97, #FFF000);
   background: -o-linear-gradient(top, #F8EA97, #FFF000);
   margin:0 0 20px 0;
   padding:0 0 0 0;
   -webkit-border-radius: 18px;
   -moz-border-radius: 18px;
   border-radius: 18px;
   /*-webkit-box-shadow: #000 0 0 10px;
   -moz-box-shadow: #000 0 0  10px;
   box-shadow: #000 0 0 10px;*/
   text-shadow: #333 0 0 0;
   color: #000;
   font-family:"Nanum Gothic" ; 
   text-decoration:none;
   vertical-align: middle;
    font-weight:bold;
   text-align:center;
	}
.member_sel .name{font-size:4em; font-weight:bold}
.member_sel .handy{font-size:4.5em; font-weight:bold; font-family:"arial" ;}

.no_select_a { display:block; width:365px; height:288px; background:url(/app/images/bg_member_sel_A.png) no-repeat 0 0; border: 0px solid #2a2f33;margin:0 0 20px 0;
   -webkit-border-radius: 18px;
   -moz-border-radius: 18px;
   border-radius: 18px;
}
.no_select_b { display:block; width:365px; height:288px; background:url(/app/images/bg_member_sel_B.png) no-repeat 0 0; border: 0px solid #2a2f33;margin:0 0 20px 0;
   -webkit-border-radius: 18px;
   -moz-border-radius: 18px;
   border-radius: 18px;
}






/* 회원가입 ***************************************************************** */


.provision {padding:20px; 
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px; background:#FFF;
    border:3px #000 solid;
}
.provision .scroll{ height:640px ; overflow: auto}
.provision h1 {margin:0 0 12px 0; font-size:2.4em; color:#000}
.provision h2 {margin:0 0 12px 0; font-size:2em;}
.provision h3 {margin:30px 0 12px 0; font-size:1.4em;}
.provision ol {margin:5px 0px 5px 20px;;}
.provision ol li {list-style-type:decimal;margin:3px auto;font-size:1.4em;}
.provision ul {margin:2px 0 2px 15px;}
.provision ul.alpha li {list-style-type:lower-alpha;font-size:1.2em;}
.provision ul.disc li {list-style-type:disc;font-size:0.875em;}
.provision h3.start {margin-top: 5px;}
.provision p { font-size:1.4em;}

.copy_block{margin:0 0 100px 0;
	padding:35px;
	background:#505357;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   border:4px #000 solid;
}
.copy_block .input_box { width:490px;padding:0 10px;background:#FFF;vertical-align:middle; font-family:/*'arial'*/'Nanum Gothic'; font-weight:bold; font-size:3em; color:#000; text-align:left}


/* 숫자판*/
.pannel_out{ z-index:11;opacity:0.8;
	background:#2f3035;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   border:4px #fff solid;}
.num_pannel{position:absolute; z-index:12;width:420px;/*filter:alpha(opacity:'100');*/ left:20px; top:20px;}
.popup { position:absolute; top:13%;right:10%;bottom:0;left:10%;  z-index:12; width:80%; text-align:center; border:0px #FFF solid;
	/*padding:40px;*/ 	
	font-size:2.5em;
   font-weight:bold; color:#FFF
}


.result_block{margin:0 0 40px 0;
	padding:30px;
	background:#505357;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   border:4px #000 solid; text-align:center
}
.result_block .num_color {color:#fff000; font-family:'arial'; font-weight:bold; font-size:4em}
.result_block .font_color {color:#fff; font-weight:bold; font-size:1.9em}
.new_pass li {}

.help_txt { margin-top:120px;padding:20px 0 20px 230px; background:url(/app/images/icon_keypoint.png) no-repeat 110px center; color:#FFF; font-size:1.8em; font-weight:bold;}
.help_txt01 { margin-bottom:15px;padding:40px 0 40px 150px; background:url(/app/images/icon_help.png) no-repeat 20px center; color:#FFF; font-size:1.5em; font-weight:bold; letter-spacing:-1px; word-spacing:-2px}
.form_block { width:1100px; margin:0 auto;}
.form_block li {padding:12px 0}
.form_block li label{ display:inline-block; width:250px; vertical-align:middle; font-size:2.4em; color:#FFF; font-weight:bold; border:0px #FFF solid}
.form_block li .txt { display:inline-block;margin:20px 0 0 20px; vertical-align: middle; font-size:2em; color:#FFF; font-weight:bold; letter-spacing:-2px; word-spacing:-2px}
.form_block li .hp_num { display:inline-block; width:480px; vertical-align: middle;color:#fff000; font-family:'arial'; font-weight:bold; font-size:3em; text-align:center}

.setting_block {margin:0 auto; border-top:2px #44484e solid}
.setting_block li {padding:20px 0; border-bottom:2px #44484e solid}
.setting_block li.bg01 {background:#23272b}
.setting_block li label{display:inline-block; width:280px; vertical-align:middle; font-size:2.4em; color:#FFF; font-weight:bold; text-align:center; border:0px #FFF solid}
.setting_block li .txt {display:inline-block;margin:0 0 0 20px;vertical-align: middle; font-size:1.6em;color:#fff600;font-weight:normal;letter-spacing:-2px; word-spacing:-2px}
.setting_block li .A-block { position:relative; display:inline-block; width:550px; vertical-align: middle;}
.setting_block li .A-block .D_arrow { position:absolute; top:20px;left:330px;width:45px; height:19px;background:url(/app/images/arr_down.png) no-repeat 0 0;}
.setting_block li .A-block .U_arrow { position:absolute; top:20px;left:330px;width:45px; height:19px;background:url(/app/images/arr_up.png) no-repeat 0 0;}

.txt_05{font-size:2.2em;margin:162px 0 50px 0;color:#fff; font-weight:bold; text-align:center}		
.txt_06{font-size:2.6em;margin:0 0 20px 0;padding:0 0 0 0; color:#fff000}
.txt_07{font-size:1.9em; color:#fff; font-weight:bold; letter-spacing:-2px; line-height:140%}
.txt_07 .str_color{color:#fff000; font-weight:bold}
.txt_08{margin:0 0 20px 0;font-size:1.6em; color:#fff; font-weight:normal; letter-spacing:-1px; line-height:140%}
.txt_09{margin:0 0 20px 0;font-size:2.2em; color:#fff; font-weight:blod; word-spacing:-2px}


/* 랭크  ******************************************$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$****/

.order_block {padding:10px 0;border-bottom:4px #033256 solid; color:#FFF;text-align:right;} 
.order_block .order {position:relative; font-size:1.6em;}
.order_block .order label{display:inline-block; vertical-align:middle; color:#2af7ff; font-weight:normal; border:0px #FFF solid}
.order_block .order a {display:inline-block; color:#FFF; vertical-align:middle; }
.order_block .order .select { color:#ffe400; font-weight:bold}

.order_block .month {position:relative; display:inline-block; margin:0 0 0 165px;}
.order_block .month .D_arrow { position:absolute; top:18px;right:2px;width:30px; height:12px;background:url(/app/images/arr_down01.png) no-repeat 0 0; border:0px #FFF solid}

.arr_block {position:relative; display:inline-block;margin:0 0 3px 0}
.arr_block .D_arrow { position:absolute; top:29px;right:1px;width:30px; height:12px;background:url(/app/images/arr_down01.png) no-repeat 0 0; border:0px #FFF solid}

.title_block{ position:relative; line-height:450%;/*border-top:4px #033256 solid ;*/ text-align:center}
.title_block01{ position:relative; line-height:450%;border-top:0px #416c47 solid ; text-align:center; /*background:url(/app/images/bg_tbl_topline.png) repeat-x 0 0*/ }		
.title_block02{ position:relative; line-height:450%;border-top:0px #416c47 solid ; text-align:center; /*background:url(/app/images/bg_tbl_topline01.png) repeat-x 0 0*/ }
 
.title_block .title_avg { color:#2af7ff; font-size:1.8em; font-weight:bold;}
.title_block01 .title_avg01 { color:#70ff2a; font-size:1.8em; font-weight:bold;}		
.title_block02 .title_avg02 { color:#ffea00; font-size:1.8em; font-weight:bold;}	
.title_block .date { position: absolute; right:0; bottom:0;color:#fff; font-size:1.6em; font-weight:normal;}
.title_block01 .date01 { position: absolute; right:0; bottom:0;color:#fff; font-size:1.6em; font-weight:normal;}
.title_block .title_win {color:#2af7ff; font-size:2em; font-weight:bold;}
.title_block .title_lost {color:#a5a5a5; font-size:2em; font-weight:bold;}

.name_title {position:relative;padding:15px 0 15px 10px; font-weight:bold; color:#FFF;border-bottom:4px #033256 solid; text-align:left}
.name_title .btn_box{position:absolute; top:7px; right:0;}
.name_title .menu_box{position:absolute; top:20px; right:0;}
.name_title .menu_box .D_arrow { position:absolute; top:18px;right:2px;width:30px; height:12px;background:url(/app/images/arr_down01.png) no-repeat 0 0; border:0px #FFF solid}

<!-- 기본테이블-->
.rank_tbl_head table {width:100%;margin:0 auto; border:0px #0C6 solid;}
.rank_tbl_head th {/*padding:25px 0;*/ border-bottom:0px solid #bcbcbc;text-align:center;font-weight:normal;font-size:1.8em; line-height:250%;color:#2af7ff; letter-spacing:-1px}

.rank_tbl01 {height:600px;overflow:auto; margin:0 0 0 0; border:0px #03C solid}
.rank_tbl01 table { width:100%;margin:0 auto;}
.rank_tbl01 th {/*padding:25px 0;*/ border-bottom:0px solid #bcbcbc;text-align:center;font-weight:normal;font-size:1.8em; line-height:250%;color:#2af7ff; letter-spacing:-1px}

.rank_tbl01 td {margin:0 0;border-bottom:0px solid #000;text-align:center;font-weight:normal;font-size:1.6em; line-height:300%;color:#fff;background-color:rgba(8,96,154,0.3) /*background:#0a2b40url(/app/images/bg_tbl_01.png) repeat 0 0;*/}
.rank_tbl01 td.bg_color {background-color:rgba(0,153,255,0.1)} <!-- 기본테이블 비지 1-->
.rank_tbl01 td.bg_color01 {background-color:rgba(8,96,154,0.1)}<!-- 기본테이블 비지 2-->

.rank_tbl01 td.bg_color02 {background-color:rgba(0,153,255,0.1)}<!-- 최고의경기 하이런 테이블 비지 1-->
.rank_tbl01 td.bg_color03 {background-color:rgba(8,96,154,0.1)}<!-- 최고의경기 하이런 테이블 비지 2-->
.rank_tbl01 td.bg_color04 {background-color:rgba(0,0,0,1);}<!-- 최고의경기 중간 테이블 비지 -->
.rank_tbl01 td .title {color:#0C3}
.rank_tbl01 td .t_avg {color:#2af7ff}
.rank_tbl01 td .t_hirun {color:#70ff2a}
.rank_tbl01 td.trans { height:4px;background:/*#0c1f2c*/url(/app/images/bg_tbl_trans.png) repeat 0 0;}

.rank_tbl01 td.lost_color01 {background-color:rgba(43,48,61,0.5)}
.rank_tbl01 td.lost_color02 {background-color:rgba(31,35,46,0.3)} 

.txt_10 {font-size:1.6em; color:#ffe400; font-weight:bold; text-align:left}
.txt_11 {font-size:1.6em; color:#fff; font-weight:bold; letter-spacing:-1px; word-spacing:-1px}




/* 점수판 ******************************************$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$****/

/* 점수 박스정렬*/
.lay-block-a, 
.lay-block-b, 
.lay-block-c {width:32%; text-align:center; display:inline-block; vertical-align:middle; margin:0 auto; border:0px #000 solid}


.score-block-white{ position:relative;
	width:652px;
	height:796px;
	margin:30px auto 50px auto;
	padding:0;
	background:#fff url(/app/images/bg_name_white.png) repeat-x 0 0;
	border-radius:3px;
	color:#000;
	text-align:center;
}	
.score-block-yellow{ position:relative;
	width:652px;
	height:796px;
	margin:30px auto 50px auto;
	padding:0;
	background:#f5e315 url(/app/images/bg_name_yellow.png) repeat-x 0 0;
	border-radius:3px;
	color:#000;
	text-shadow:0px 1px 0px #f3f3f3;
	text-align:center;
}	
.paly_box{position: relative;top:0; left:0; z-index:1;width:652px;height:796px;border:15px #fe0000 solid}  /*진행중인 플레이어 박스 표시*/

.num-block {margin:48px 0 0 57px}
.second-block { position:relative;margin:48px 0 0 57px; border:0px #0F0 solid}
.second-block .second{ position:absolute; top:-4px;left:168px; display:inline-block; width:259px; height:120px; margin:0 46px 0 0; background:url(/app/images/bg_second.png) no-repeat 0 0; text-align:center; font-size:6.5em; line-height:120%;font-family:"DS-DIGT"; color:#ffe400; vertical-align:top}
.second-block .second span{font-family:"Nanum Gothic";font-size:0.4em; color:#ffe400}


.name-block {float:left; margin:13px 0 0 28px;text-align:left; vertical-align:top;}
.name-block .name {font-size:1.4em; font-weight:bold; text-align:left;} 
.name-block .name_1 {font-size:3em; font-weight:normal; text-align:left; letter-spacing:-2px} 

.handy-block {float:right; margin:20px 28px 0 0;text-align:left; border:0px #000 solid}
.handy-block .handy{font-size:1.4em; font-weight:bold; text-align:left;} 
.handy-block .handy_1{font-size:4.2em; font-weight:bold; text-align:left; font-family:"Rix헤드 EB";}


.score-block{position: absolute;top:0; left:0;z-index:2; width:100%;text-align:center;border:0px #093 solid;}
.score-block h1{font-size:28em;margin:0; font-family:"Rix헤드 EB";line-height:120%;letter-spacing:-1px; border:0px #000 solid}	
.score-block .highrun{font-size:7em;margin:0; font-family:"Rix헤드 EB"; color:#fe0000;line-height:100%;letter-spacing:-1px;}


.info-block{
	font-family:"Open Sans",sans-serif;
	/*text-shadow:0px 1px 0px #f3f3f3;*/
	text-align:left;
}
/*.info-block .inning-block{}*/
.info-block .text{ display:inline-block;font-size:1.5em; color:#959595}   /* 이닝 - 초 */
.info-block .turn{display:inline-block;margin:70px 0 20px 38px;font-family:"Rix헤드 EB";font-size:6em; color:#FFF}	/* 숫자 */
.info-block .min{display:inline-block;margin:0 0 0 58px;font-family:"DS-DIGT";font-size:6em; color:#fe0000}	/* 분-초 */


.info-block .time, .name, .move {margin: 0 auto;padding:.5em;display: inline-block;text-align: center;			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;}

.info-block .time {width: 33%; border-bottom:1px #999 solid}
.info-block .name {width: ; border-bottom:1px #999 solid}
.info-block .move {width: 33%; border-bottom:1px #999 solid}

.info-block .tbl01 {height:380px; overflow:hidden;}
.info-block .tbl01 table {width:90%;margin:0 auto; border:0px #bcbcbc solid; border-right:none;border-bottom:none}
.info-block .tbl01 td {/*padding:25px 0;*/border-bottom:0px solid #bcbcbc;text-align:center;font-weight:normal;font-size:1.8em; line-height:230%; font-family:"Rix헤드 EB";color:#fff}
.info-block .tbl01 td.inning {font-size:2.2em;color:#959595;}
.info-block .tbl01 td .modi_run {color:#ff0000;} /* 런 수정시 컬러*/
.info-block .tbl01 td .runing {font-family:"Nanum Gothic";color:#f5e315;} /* 런 진행중일때 컬러*/

.info-block .tbl02 table {width:90%; height:165px;margin:0 auto;  border:0px #bcbcbc solid; }
.info-block .tbl02 td {/*padding:7px 0;*/border-bottom:0px solid #bcbcbc;text-align:center;font-weight:normal;font-size:1.8em;font-family:"Rix헤드 EB"; color:#00d2ff}
.info-block .tbl02 .avg_hr {font-size:2.2em;color:#959595;}








@media screen and (max-width:640px){
	.ui-content{
		margin:0;
		width:100%;
	}
}
@media screen and (min-width:1152px){
	.ui-content{
		margin:auto;
		width:90%;
	}
}

.timer-block{margin-top:5.2em;}






