html, body, ul, li, p { margin:0; padding:0; }
li,dd,ol { list-style:none; }
html { background:#1d1c21; }
body, html { width:100%; height:100%; overflow:hidden; }
body { width:1920px; height:1080px; background:url('/resource/images/avgGame/bg.jpg') no-repeat; background-size:100% 100%; font-family:'Arial', sans-serif; font-weight:bold; }
body#video { background:url('/resource/images/avgGame/video_bg.jpg') no-repeat; }

/*
	* min class는 안드로이드 하단 메뉴가 올라왔을때 사용한다.
*/
#wrap { position:relative; width:100%; height:100%; }

#header-wrap { position:relative; width:100%; height:160px; }
#header-wrap ul { float:left; height:160px; }
#header-wrap ul li .name { font-size:85px; font-weight:bold; color:#f9dd45; padding:22px 0; }
#header-wrap ul.first li .name { color:#fff; }
#header-wrap ul li .handi { font-size:52px; font-weight:bold; color:#268edf; background:#101012; padding:10px 20px; border-radius:10px; }
#header-wrap .shot-clock { width:320px; text-align:center; font-size:150px; font-weight:bold; color:#fff; }
#header-wrap .shot-clock .red { color:#f00; }
#header-wrap .left-player { width:780px; padding-left:20px; }
#header-wrap .left-player .name { float:left; }
#header-wrap .left-player .handi { float:right; margin:40px 40px 40px 0; }
#header-wrap .right-player { width:780px; padding-right:20px; }
#header-wrap .right-player .name { float:right; }
#header-wrap .right-player .handi { float:left; margin:40px 0 40px 40px; }

#header-wrap.min { height:110px; margin-top:50px; }
#header-wrap.min ul { height:110px; }
#header-wrap.min ul li .name { font-size:75px; padding:10px 0 0 0; }
#header-wrap.min .left-player .handi { float:right; margin:10px 20px 20px 0; }
#header-wrap.min .right-player .handi { float:left; margin:10px 0 20px 20px; }
#header-wrap.min .shot-clock { font-size:120px; margin-top:-15px; }

#center-wrap { position:relative; width:100%; height:740px; }
#center-wrap > ul { float:left; height:100%; }
#center-wrap .left-player { position:relative; width:830px; }
#center-wrap .left-player > li { position:relative; width:770px; height:690px; margin:25px 30px; color:#f9dd45; }
#center-wrap .left-player.first > li { color:#fff; }
#center-wrap .left-player.active > li { background:url("/resource/images/avgGame/left_y.png") no-repeat; color:#0d0a17; }
#center-wrap .left-player.first.active > li { background:url("/resource/images/avgGame/left_w.png") no-repeat; color:#0d0a17; }
#center-wrap .left-player .left-score { font-size:80px; font-weight:bold; padding:20px 0px 0px 40px; }
#center-wrap .left-player .cuetory { position:absolute; top:30px; right:50px; width:100%; text-align:right; display:none; z-index:999; }
#center-wrap .left-player .cuetory img { margin-left:20px; }
#center-wrap .left-player.active .cuetory { display:block; }
#center-wrap .left-player .rate { position:absolute; top:450px; left:20px; width:100%; text-align:left; color:#4d9bd9; font-size:26px; font-weight:bold; }
#center-wrap .left-player .rate span { font-weight:normal; }
#center-wrap .left-player .score { font-size:380px; font-weight:bold; margin:-48px 0 0px 0; text-align:center; padding:0; }
#center-wrap .left-player .score-bottom { width:100%; height:190px; }
#center-wrap .left-player .score-bottom ul { overflow:hidden; }
#center-wrap .left-player .score-bottom ul li { float:left; text-align:center; }
#center-wrap .left-player .score-bottom .ball { width:150px; height:190px; }
#center-wrap .left-player .score-bottom .ball img { display:none; margin-left:30px; }
#center-wrap .left-player.active .score-bottom .ball img { display:block; }
#center-wrap .left-player .score-bottom .current-score { width:205px; font-size:130px; font-weight:bold; padding-top:20px; visibility:hidden; }
#center-wrap .left-player.active .score-bottom .current-score { visibility:visible; }
#center-wrap .left-player .score-bottom .hr { width:150px; font-weight:bold; padding-top:10px; }
#center-wrap .left-player .score-bottom .hr .title { font-size:40px; color:#4d9bd9; }
#center-wrap .left-player .score-bottom .hr .title .hr3{ font-size:30px; color:#6a6a80; }
#center-wrap .left-player .score-bottom .hr .num { font-size:70px; padding-top:25px; }
#center-wrap .left-player.active .score-bottom .hr .num { color:#40404d; }
#center-wrap .left-player .score-bottom .avg { width:265px; font-weight:bold; padding-top:10px; }
#center-wrap .left-player .score-bottom .avg .title { font-size:40px; color:#4d9bd9; }
#center-wrap .left-player .score-bottom .avg .title .avg3{ font-size:30px; color:#6a6a80; }
#center-wrap .left-player .score-bottom .avg .num { font-size:70px; padding-top:25px; }
#center-wrap .left-player.active .score-bottom .avg .num { color:#40404d; }
#center-wrap .left-player .score-bottom ul > span { display:none; }

#center-wrap .right-player { position:relative; width:830px; }
#center-wrap .right-player > li { position:relative; width:770px; height:690px; margin:25px 30px; color:#f9dd45; }
#center-wrap .right-player.first > li { color:#fff; }
#center-wrap .right-player.active > li { background:url("/resource/images/avgGame/right_y.png") no-repeat; color:#0d0a17; }
#center-wrap .right-player.first.active > li { background:url("/resource/images/avgGame/right_w.png") no-repeat; color:#0d0a17; }
#center-wrap .right-player .left-score { text-align:right; font-size:80px; font-weight:bold; padding:20px 40px 0px 0px; }
#center-wrap .right-player .cuetory { position:absolute; top:30px; left:50px; width:100%; text-align:left; display:none; z-index:999; }
#center-wrap .right-player .cuetory img { margin-right:20px; }
#center-wrap .right-player.active .cuetory { display:block; }
#center-wrap .right-player .rate { position:absolute; top:450px; right:20px; width:100%; text-align:right; color:#4d9bd9; font-size:26px; font-weight:bold; }
#center-wrap .right-player .rate span { font-weight:normal; }
#center-wrap .right-player .score { font-size:380px; font-weight:bold; margin:-48px 0 0px 0; text-align:center; padding:0; }
#center-wrap .right-player .score-bottom { width:100%; height:190px; }
#center-wrap .right-player .score-bottom ul { overflow:hidden; }
#center-wrap .right-player .score-bottom ul li { float:left; text-align:center; }
#center-wrap .right-player .score-bottom .ball { width:150px; height:190px; }
#center-wrap .right-player .score-bottom .ball img { display:none; margin-right:30px; }
#center-wrap .right-player.active .score-bottom .ball img { display:block; }
#center-wrap .right-player .score-bottom .current-score { width:205px; font-size:130px; font-weight:bold; padding-top:20px; visibility:hidden; }
#center-wrap .right-player.active .score-bottom .current-score { visibility:visible; }
#center-wrap .right-player .score-bottom .hr { width:150px; font-weight:bold; padding-top:10px; }
#center-wrap .right-player .score-bottom .hr .title { font-size:40px; color:#4d9bd9; }
#center-wrap .right-player .score-bottom .hr .title .hr3{ font-size:30px; color:#6a6a80; }
#center-wrap .right-player .score-bottom .hr .num { font-size:70px; padding-top:25px; }
#center-wrap .right-player.active .score-bottom .hr .num { color:#40404d; }
#center-wrap .right-player .score-bottom .avg { width:265px; font-weight:bold; padding-top:10px; }
#center-wrap .right-player .score-bottom .avg .title { font-size:40px; color:#4d9bd9; }
#center-wrap .right-player .score-bottom .avg .title .avg3{ font-size:30px; color:#6a6a80; }
#center-wrap .right-player .score-bottom .avg .num { font-size:70px; padding-top:25px; }
#center-wrap .right-player.active .score-bottom .avg .num { color:#40404d; }
#center-wrap .right-player .score-bottom ul > span { display:none; }

#center-wrap .inning { position:relative; width:260px; }
#center-wrap .inning .inn-num { display:block; }
#center-wrap .inning .inn-num .num { margin:180px 0 115px 0; font-size:200px; font-weight:bold; text-align:center; color:#fff; }
#center-wrap .inning .record-btn { height:95px; display:block; }
#center-wrap .inning .logo { margin-top:10px; }
#center-wrap .inning .logo img { width:260px; }
#center-wrap .inning .point-amt img { width:260px; }
#center-wrap .inning .video { display:none; }
#center-wrap .inning .record-list { position:absolute; top:24px; left:0px; width:100%; height:100%; background:url("/resource/images/avgGame/center_record.png") no-repeat; display:none; }
#center-wrap .inning .record-list .num { float:left; width:50px; height:58px; text-align:center; font-size:42px; font-weight:bold; color:#fff; padding-left:12px; background:url("/resource/images/avgGame/inning.png") 0px 48px no-repeat; }
#center-wrap .inning .record-list .close { float:right; padding-top:10px; padding-right:15px; }
#center-wrap .inning .record-list table { width:100%; padding-top:7px; font-size:24px; font-weight:bold; color:#fff; }
#center-wrap .inning .record-list table tr th { height:51px; text-align:center; }
#center-wrap .inning .record-list table tr th img { vertical-align:middle; }
#center-wrap .inning .record-list table tr td { height:51px; text-align:center; }

#footer-wrap { position:absolute; left:0px; bottom:0px; width:100%; height:175px; }
#footer-wrap ul { float:left; }
#footer-wrap ul li { float:left; }
#footer-wrap .left { width:765px; height:100%; }
#footer-wrap .left .menu { width:170px; height:100%; }
#footer-wrap .left .call { width:170px; height:100%; }
#footer-wrap .left .time { width:425px; height:100px; padding:35px 0; font-size:100px; font-weight:bold; color:#fff; text-align:center; }
#footer-wrap .left .time .s { font-size:60px; }
#footer-wrap .center { width:390px; height:100%; }
#footer-wrap .center li { width:100%; height:100%; }
#footer-wrap .right { width:725px; height:100%; padding:0px 20px; }
#footer-wrap .right li { width:145px; height:100%; }
#footer-wrap .right li.back-btn { width:290px; }

#footer-wrap.min { bottom:50px; }

/* 실시간 영상 버전 */
#video #center-wrap .left-player.active > li { background:url("/resource/images/avgGame/left_video_y.png") no-repeat; color:#0d0a17; }
#video #center-wrap .left-player.first.active > li { background:url("/resource/images/avgGame/left_video_w.png") no-repeat; color:#0d0a17; }
#video #center-wrap .right-player.active > li { background:url("/resource/images/avgGame/right_video_y.png") no-repeat; color:#0d0a17; }
#video #center-wrap .right-player.first.active > li { background:url("/resource/images/avgGame/right_video_w.png") no-repeat; color:#0d0a17; }
#video #center-wrap .left-player .score { padding-right:150px; }
#video #center-wrap .right-player .score { padding-left:150px; }
#video #center-wrap .left-player .cuetory { right:210px; }
#video #center-wrap .right-player .cuetory { left:210px; }

#video #center-wrap .inning .video { display:block; margin-top:50px; }
#video #center-wrap .inning .video #video-wrap { width:620px; margin-left:-180px; }
#video #center-wrap .inning .video #video-wrap .num { float:left; width:50px; height:70px; text-align:center; font-size:45px; font-weight:bold; color:#fff; padding-top:17px; padding-left:10px; background:url("/resource/images/avgGame/inning.png") 0px 65px no-repeat; }
#video #center-wrap .inning .video #video-wrap .reload { position:absolute; right:-180px; padding-top:25px; padding-right:10px; z-index:999; }
#video #center-wrap .inning .video #video-wrap .change { position:absolute; right:-120px; padding-top:10px; padding-right:10px; z-index:999; }
#video #center-wrap .inning .video #video-wrap iframe { background:url('/resource/images/avgGame/ten_after_play.jpg') center no-repeat; }
#video #center-wrap .inning .inn-num { display:none; }
#video #center-wrap .inning .record-btn { display:none; }
#video #center-wrap .inning .logo { margin-top:85px; }
#video #center-wrap .inning .point-amt { margin-top:75px; }

/* 팝업 */
#end-popup-wrap { position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:99999; display:none; }
#end-popup-wrap .overlay { position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; opacity:0.8; z-index:-1; }
#end-popup-wrap .popup { width:800px; height:500px; margin:300px auto 0 auto; background:#fff; border:solid 10px #4d5dcc; }
#end-popup-wrap .popup ul { margin-top:50px; }
#end-popup-wrap .popup ul li { width:100%; text-align:center; font-size:35px; color:#3a3a3a; }
#end-popup-wrap .popup ul li .logo { width:350px; }
#end-popup-wrap .popup p { float:left; width:350px; padding:30px 0; margin-top:100px; text-align:center; font-size:30px; background:#13207b; color:#fff; }
#end-popup-wrap .popup p.cancel-btn { margin-left:40px; margin-right:30px; background:#7f7f7f; }

#internet-popup-wrap { position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:99999; display:none; }
#internet-popup-wrap .overlay { position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; opacity:0.8; z-index:-1; }
#internet-popup-wrap .popup { width:800px; height:500px; margin:300px auto 0 auto; background:#fff; border:solid 10px #4d5dcc; }
#internet-popup-wrap .popup ul { margin-top:50px; }
#internet-popup-wrap .popup ul li { width:100%; text-align:center; font-size:35px; color:#3a3a3a; }
#internet-popup-wrap .popup ul li .logo { width:350px; }
#internet-popup-wrap .popup p { width:350px; padding:30px 0; margin:100px auto 0 auto; text-align:center; font-size:30px; background:#13207b; color:#fff; }

#score-popup-wrap { position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:99999; display:none; }
#score-popup-wrap .overlay { position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; opacity:0.8; z-index:-1; }
#score-popup-wrap .popup { width:800px; height:500px; margin:300px auto 0 auto; background:#fff; border:solid 10px #4d5dcc; }
#score-popup-wrap .popup ul { margin-top:50px; }
#score-popup-wrap .popup ul li { width:100%; text-align:center; font-size:35px; color:#3a3a3a; }
#score-popup-wrap .popup ul li .logo { width:350px; }
#score-popup-wrap .popup p { width:350px; padding:30px 0; margin:100px auto 0 auto; text-align:center; font-size:30px; background:#13207b; color:#fff; }

#popup-wrap { position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:99999; display:none; }
#popup-wrap .overlay { position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; opacity:0.8; z-index:-1; }
#popup-wrap .popup { width:800px; height:500px; margin:300px auto 0 auto; background:#fff; border:solid 10px #4d5dcc; }
#popup-wrap .popup ul { margin-top:50px; }
#popup-wrap .popup ul li { width:100%; text-align:center; font-size:35px; color:#3a3a3a; }
#popup-wrap .popup ul li .logo { width:350px; }
#popup-wrap .popup p { width:350px; padding:30px 0; margin:100px auto 0 auto; text-align:center; font-size:30px; background:#13207b; color:#fff; }