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/caromSet/bg.jpg') no-repeat; background-size:100% 100%; font-family:'Arial', sans-serif; font-weight:bold; }

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

#header-wrap { position:relative; width:100%; height:162px; }
#header-wrap > ul { width:1900px; height:140px; margin:0 auto; overflow:hidden; }
#header-wrap > ul li { float:left; margin-right:50px; }
#header-wrap > ul li .name { float:left; max-width:900px; height:114px; line-height:118px; margin-left:20px; font-size:80px; font-weight:bold; color:#f9dd45; padding:13px 0; }
#header-wrap > ul.first li .name { color:#fff; }
#header-wrap > ul li .handi { float:left; width:60px; text-align:center; margin:30px 20px; font-size:52px; font-weight:bold; color:#fff; background:#101012; padding:10px 20px; border-radius:10px; }

#header-wrap .sub { float:right; }
#header-wrap .sub ul li.cuetory { padding:20px 0; }
#header-wrap .sub ul li.current-score { padding:12px 0; }
#header-wrap .sub ul li.current-score p { float:left; margin-right:10px; }
#header-wrap .sub ul li.current-score p.num { font-size:100px; }
#header-wrap .sub ul li.time-out { padding:43px 0; }
#header-wrap .sub ul li.time-out p { float:left; margin-right:20px; }
#header-wrap .sub ul li.hr { width:70px; text-align:center; padding:15px 0; }
#header-wrap .sub ul li.hr .title { font-size:36px; color:#4d9bd9; }
#header-wrap .sub ul li.hr .num { font-size:60px; }
#header-wrap .sub ul li.avg { width:155px; text-align:center; padding:15px 0; }
#header-wrap .sub ul li.avg .title { font-size:36px; color:#4d9bd9; }
#header-wrap .sub ul li.avg .num { font-size:60px; }

#header-wrap .etc-info { display:none; }

#header-wrap .left-player { margin-top:10px; color:#fff; }
#header-wrap .left-player.active { background:url("/resource/images/caromSet/active_y.png") no-repeat; color:#0d0a17; }
#header-wrap .left-player.first.active { background:url("/resource/images/caromSet/active_w.png") no-repeat; color:#0d0a17; }
#header-wrap .left-player.active .name { color:#0d0a17; }
#header-wrap .left-player .cuetory { display:none; }
#header-wrap .left-player.active .cuetory { display:block; }

#header-wrap .right-player { margin-top:550px; color:#fff; }
#header-wrap .right-player.active { background:url("/resource/images/caromSet/active_y.png") no-repeat; color:#0d0a17; }
#header-wrap .right-player.first.active { background:url("/resource/images/caromSet/active_w.png") no-repeat; color:#0d0a17; }
#header-wrap .right-player.active .name { color:#0d0a17; }
#header-wrap .right-player .cuetory { display:none; }
#header-wrap .right-player.active .cuetory { display:block; }


#center-wrap { position:relative; width:100%; height:510px; overflow:hidden; }
#center-wrap .set { float:left; width:240px; height:510px; margin-right:25px; background:url("/resource/images/caromSet/score_bg.png"); text-align:center; }
#center-wrap .set.set-1 { margin-left:45px; }
#center-wrap .set .score { position:relative; padding:20px 0; font-size:140px; color:#f9dd45; }
#center-wrap .set .score.first { color:#fff; }
#center-wrap .set .inning { padding:25px 0 12px 0; color:#fff; }
#center-wrap .set .inning .title { display:inline-block; width:45%; font-size:26px; vertical-align:middle; }
#center-wrap .set .inning .num { display:inline-block; width:55%; font-size:50px; vertical-align:middle; }

#center-wrap .live-video { position:absolute; top:0px; right:0px; width:772px; height:510px; background: #222; border-radius: 17px; margin-right:43px; display: none; }
#center-wrap .live-video .position-btn { position:absolute; left:25px; top:10px; z-index:999; }
#center-wrap .live-video .position-btn img { width:50px; }
#center-wrap .live-video .reload-btn { position:absolute; right:25px; top:10px; z-index:999; }
#center-wrap .live-video .reload-btn img { width:50px; }
#center-wrap .live-video .change-btn { position:absolute; right:100px; top:10px; z-index:999; }
#center-wrap .live-video .change-btn img { width:55px; }
#center-wrap .live-video .logo2 { float:left; }
#center-wrap .live-video .logo2 img { width:150px; }
#center-wrap .live-video .txt { position:absolute; width:625px; top:160px; left:0; font-size:50px; text-align:center; z-index:-1; }
#center-wrap .live-video iframe { position: absolute; top:65px; left:25px; width:725px; height:445px; }
#center-wrap .live-video.left { left:45px; }

#footer-wrap { position:absolute; width:100%; left:0px; top:845px; }
#footer-wrap .game-time { position:relative; float:left; width:188px; height:170px; }
#footer-wrap .game-time ul { position:absolute; top:-10px; }
#footer-wrap .game-time ul p { width:100%; margin-top:35px; text-align:center; color:#a7a7a8; font-size:20px; }
#footer-wrap .game-time ul li { width:100%; padding:0; text-align:center; font-size:90px; line-height:85px; color:#fff; }
#footer-wrap .game-time ul li.time .s { font-size:55px; }

#footer-wrap .logo-title.monitoring { position:absolute; width:100%; height:175px; left:0px; bottom:0px; overflow:hidden; display:none; }
#footer-wrap .logo-title.monitoring ul.title { float:left; width:20%; color:#fff; }
#footer-wrap .logo-title.monitoring ul.title li { text-align:center; padding:10px 0; font-size:130px; color:#f8dd44; }
#footer-wrap .logo-title.monitoring ul.logo { float:left; width:80%; }
#footer-wrap .logo-title.monitoring ul.logo li { float:left; width:100%; text-align:center; font-size:130px; color:#fff; }
#footer-wrap .logo-title.monitoring ul.logo li img { height:140px; padding:15px 0; }

#footer-wrap .logo-title { position:absolute; width:100%; height:175px; left:0px; bottom:0px; overflow:hidden; display:none; }
#footer-wrap .logo-title ul.logo { width:100%; }
#footer-wrap .logo-title ul.logo li { width:100%; text-align:center; font-size:130px; color:#fff; }
#footer-wrap .logo-title ul.logo li img { width:340px; height:140px; padding:15px 0; }
#footer-wrap .logo-title ul.logo li img.full { width:1800px; height:140px; padding:15px 0; }

#footer-wrap .quick-btn { position:relative; float:left; width:200px; padding:53px 10px; margin:0 7px; text-align:center; }
#footer-wrap .attack-left .shot-clock { position:relative; float:left; width:867px; }
#footer-wrap .attack-left .shot-clock .time-limit { float:left; width:226px; font-size:130px; padding:12px 0; text-align:center; color:#fff; }
#footer-wrap .attack-left .shot-clock .time-limit.red { color:red; }
#footer-wrap .attack-left .shot-clock .time-bar { position:relative; float:right; width:640px; height:175px; overflow:hidden; }
#footer-wrap .attack-left .shot-clock .time-bar p { position:absolute; right:0px; }
#footer-wrap .attack-left .shot-clock .time-pause { position:absolute; right:0px; z-index:999; }
#footer-wrap .attack-left .shot-clock .time-foul { position:absolute; width:100%; height:175px; color:#fff;
	text-align:center; font-size:150px; font-weight:bold; background:#f00;
	left:0px; z-index:999; display:none;
}
#footer-wrap .attack-right .shot-clock { position:relative; float:left; width:867px; }
#footer-wrap .attack-right .shot-clock .time-limit { float:right; width:226px; font-size:130px; padding:12px 0; text-align:center; color:#fff; }
#footer-wrap .attack-right .shot-clock .time-limit.red { color:red; }
#footer-wrap .attack-right .shot-clock .time-bar { position:relative; float:left; width:640px; height:175px; overflow:hidden; }
#footer-wrap .attack-right .shot-clock .time-bar p { position:absolute; left:0px; }
#footer-wrap .attack-right .shot-clock .time-pause { position:absolute; left:0px; z-index:999; }
#footer-wrap .attack-right .shot-clock .time-foul { position:absolute; width:100%; height:175px; color:#fff;
	text-align:center; font-size:150px; font-weight:bold; background:#f00;
	left:0px; z-index:999; display:none;
}

#footer-wrap .btn-list { float:left; width:630px; }
#footer-wrap .btn-list a { display:inline-block; width:205px; padding:67px 0; font-size:32px; margin-right:3px;
text-align:center; color:#fff; text-decoration:none; background:url("/resource/images/caromSet/btn02_2.png") no-repeat; }
#footer-wrap .btn-list a:last-child { margin-right:0px; }
#footer-wrap .btn-list a.add-btn { font-size:90px; padding:34px 0; vertical-align:bottom; background:url("/resource/images/caromSet/btn01_2.png") no-repeat; }

#center-wrap .set .left-score.active { border:solid 5px #f9dd45; border-radius:21px 21px 0 0; margin-bottom:-10px; }
#center-wrap .set .left-score.first.active { border:solid 5px #fff; border-radius:21px 21px 0 0; margin-bottom:-10px; }
#center-wrap .set .right-score.active { border:solid 5px #f9dd45; border-radius:0 0 21px 21px; }
#center-wrap .set .right-score.first.active { border:solid 5px #fff; border-radius:0 0 21px 21px; }

#center-wrap .set .left-score.win { border:solid 5px #f9dd45; border-radius:21px 21px 0 0; margin-bottom:-10px; }
#center-wrap .set .left-score.first.win { border:solid 5px #fff; border-radius:21px 21px 0 0; margin-bottom:-10px; }
#center-wrap .set .right-score.win { border:solid 5px #f9dd45; border-radius:0 0 21px 21px; }
#center-wrap .set .right-score.first.win { border:solid 5px #fff; border-radius:0 0 21px 21px; }

#center-wrap .set .score.win .set-winer { position:absolute; width:100%; height:100%; left:0px; top:0px; opacity:0.6; background: url('/resource/images/caromSet/win_yellow.png') no-repeat;
background-size: 40%; background-position: 5px 7px; display:none; }
#center-wrap .set .score.first.win .set-winer { position:absolute; width:100%; height:100%; left:0px; top:0px; opacity:0.6; background: url('/resource/images/caromSet/win.png') no-repeat;
background-size: 40%; background-position: 5px 7px; display:none; }

/* 퀵 메뉴 */
#left-menu { position:absolute; left:0; top:0; width:100%; height:100%; z-index:99999; display:none; }
#left-menu .left-overlay { position:absolute; left:0; top:0; width:100%; height:100%; z-index:99998; }
#left-menu .menu-list { position:absolute; left:-300px; top:0; width:300px; height:100%; background:#000; z-index:99999; }
#left-menu .menu-list .menuCloseBtn { position:absolute; left:0; bottom:80px; }
#left-menu .menu-list li a { display:block; width:250px; padding:30px 0 30px 50px; margin:5px 0; text-decoration:none; font-size:26px; background:#2d6caf; color:#fff; }
#left-menu .menu-list li a.call-btn { background:#5f0a0f; }
#left-menu .menu-list li a i { display:inline-block; margin-right:10px; vertical-align:bottom; }
#left-menu .menu-list li a .icon-0 { width:40px; height:34px; background:url('/resource/board/images/board/menu/quick_menu_00_prs.png') -68px -33px no-repeat; }
#left-menu .menu-list li a .icon-1 { width:40px; height:24px; background:url('/resource/board/images/board/menu/quick_menu_13_prs.png') -68px -38px no-repeat; }
#left-menu .menu-list li a .icon-2 { width:40px; height:29px; background:url('/resource/board/images/board/menu/quick_menu_02_prs.png') -68px -36px no-repeat; }
#left-menu .menu-list li a .icon-3 { width:52px; height:28px; background:url('/resource/board/images/board/menu/quick_menu_16_prs.png') -55px -35px no-repeat; }
#left-menu .menu-list li a .icon-4 { width:40px; height:30px; background:url('/resource/board/images/board/menu/quick_menu_17_prs.png') -68px -38px no-repeat; }
#left-menu .menu-list li a .icon-5 { width:40px; height:30px; background:url('/resource/board/images/board/menu/quick_menu_06_prs.png') -68px -34px no-repeat; }
#left-menu .menu-list .menuCloseBtn { width:100%; padding:10px 0; color:#fff; font-size:35px; text-align:center; }
#left-menu .menu-list .menuCloseBtn .icon-10 { display:inline-block; margin-right:20px; vertical-align:middle; width:40px; height:60px;
background:url('/resource/board/images/board/menu/quick_menu_close.png') -68px 0px no-repeat; }

/* 휴식시간 */
.breaktime { position:absolute; width:100%; height:100%; z-index:999999; display:none; }
.breaktime .overlay { position:absolute; width:100%; height:100%; bottom:0; left:0; background:#000; opacity:0.9; z-index:99999; }
.breaktime .time { position:absolute; width:100%; padding:250px 0 0 0; color:#fff; font-size:450px; text-align:center; z-index:999999; }

/* 1분, 3분 전 영상 레이어 */
#n-min-video { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:999; display:none; }
#n-min-video .overlay { position:absolute; width:100%; height:100%; top:0; left:0; background:#000; opacity:0.9; z-index:-1; }
#n-min-video .close-btn { position:absolute; right:50px; top:50px; font-size:80px; color:#fff; font-weight:normal; cursor:pointer; }
#n-min-video .video-frame { width:100%; height:100%; margin:0 auto; }
#n-min-video .video-frame iframe { width:100%; height:100%; }

/* 팝업 */
#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; }

/* 경기종료 */
.game-end { position:absolute !important; width:100%; height:543px; padding-top:10px; text-align:center;
font-size:130px; background:#000; color:#fff; z-index:99999; display:none; }
.game-end .first { font-size:130px; color:#cccccc; }
.game-end .second { font-size:130px; color:#f8dd44; }
.game-end .inn { font-size:130px; color:#93A3F0; }
.game-end span { font-size:70px; vertical-align:top; }
.game-end img { height:200px; }
.game-end .end-score { display:block; font-size:130px; margin-top:30px; }
.game-end.draw { height:326px; font-size:200px; padding:93px 0; }
.game-end .gameOut { display:block; width:205px; margin:50px auto 0 auto; padding:18px 0; font-size:32px; color:#fff; text-decoration:none; background:url("/resource/board/images/board/btn01.png") no-repeat; }

/* 경기 결과 상세 */
#detail-result { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:9999999; font-weight:bold; display:none; }
#detail-result .cuenie { position:absolute; top:290px; width:100%; }
#detail-result .cuenie .plate { overflow:hidden; }
#detail-result .cuenie .plate .left { float:left; width:500px; height:150px; background:#4c4c4c; border-radius:0 100px 100px 0; }
#detail-result .cuenie .plate .right { float:right; width:500px; height:150px; background:#4c4c4c; border-radius:100px 0 0 100px; }
#detail-result .cuenie .plate li { color:#fff; font-size:30px; text-align:center; padding-top:50px; }
#detail-result .cuenie .plate li span { color:#2396ff; font-size:80px; }
#detail-result .overlay { position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:0.9; z-index:-1; }
#detail-result .close-btn { position:absolute; top:50px; right:50px; }
#detail-result > .title { width:100%; padding-top:50px; font-size:40px; text-align:center; color:#fff; margin-bottom:30px; }
#detail-result .player-info { width:1620px; height:150px; margin:0 auto; background:url('/resource/images/avgGame/latest/name_bg.jpg') no-repeat; }
#detail-result .player-info img { width:80px; height:80px; }
#detail-result .player-info ul { color:#fff; }
#detail-result .player-info ul li { position:relative; float:left; width:602px; padding:29px; }
#detail-result .player-info ul li.left > p { float:left; margin-top:6px; }
#detail-result .player-info ul li.left p.handi { width:60px; text-align:center; padding:23px 0; background:#fff; font-size:30px; color:#333; }
#detail-result .player-info ul li.left .player { float:right; width:535px; }
#detail-result .player-info ul li.left .player .name { width:100%; font-size:70px; text-align:right; margin-top:7px; }
#detail-result .player-info ul li.left .win { position:absolute; left:-70px; top:30px; }
#detail-result .player-info ul li.right > p { float:left; margin-top:6px; }
#detail-result .player-info ul li.right p.handi { width:60px; text-align:center; padding:23px 0; background:#fff; font-size:30px; color:#333; }
#detail-result .player-info ul li.right .player { float:left; width:535px; }
#detail-result .player-info ul li.right .player .name { width:100%; font-size:70px; text-align:left; margin-top:7px; }
#detail-result .player-info ul li.right .win { position:absolute; right:-70px; top:30px; }
#detail-result .player-info ul li.vs { width:300px; padding:49px 0; font-size:45px; text-align:center; }
#detail-result .record { width:1620px; margin:0 auto; border-spacing:0px; color:#fff; }
#detail-result .record tr td { height:75px; font-size:40px; border-bottom:solid 1px #808080; text-align:center; }
#detail-result .record tr td:first-child { text-align:right; padding-right:20px; }
#detail-result .record tr td:last-child { text-align:left; padding-left:20px; }
#detail-result .record tr td.title { font-size:32px; background:#176b76; }
#detail-result .record tr.total td { border-top:solid 3px #808080; border-bottom:solid 3px #808080; }
#detail-result .record.set5 tr td { height:64px; }
#detail-result .one-more { position:relative; width:1620px; height:94px; padding-top:35px; margin:0 auto; color:#fff; border-bottom:solid 1px #808080; }
#detail-result .one-more .icon { position:absolute; left:20px; top:50px; }
#detail-result .one-more .rematch { font-size:36px; margin:0 100px 0 200px; }
#detail-result .btn-wrap { width:1620px; color:#fff; font-size:30px; text-align:center; margin:30px auto 0 auto; }
#detail-result .btn-wrap .sign-btn { display:inline-block; width:220px; text-align:center; padding:20px 0;
	font-size:28px; color:#fff; }
#detail-result .btn-wrap .sign-btn.btn01 { background:url('/resource/images/avgGame/latest/btn01.jpg') center repeat-x; }
#detail-result .btn-wrap .sign-btn.btn02 { background:url('/resource/images/avgGame/latest/btn02.jpg') center repeat-x; }
#detail-result .btn-wrap ul { overflow:hidden; }
#detail-result .btn-wrap ul li { float:left; width:20%; text-align:center; }
#detail-result .btn-wrap ul li .sign { width:218px; height:150px; margin:10px auto 0 auto; background:#fff; border:solid 1px #ccc; border-radius:5px; }
#detail-result .btn-wrap ul li.center { padding:84px 0; }
#detail-result .btn-wrap img { vertical-align:middle; }
#detail-result .btn-wrap img.rematch-ok { margin:0 10px 0 35px; }
#detail-result .btn-wrap span { float:right; vertical-align:middle; }