html, body, ul, li, p { margin:0; padding:0; }
li,dd,ol { list-style:none; }
body, html { width:100%; height:100%; overflow:hidden; }
body.gray { background:url('/images/board/bg_gray_02.jpg') no-repeat; background-size:cover; font-family:'Arial', sans-serif; font-weight:bold; }
body.gray.set { background:url('/images/board/bg_gray_01.jpg') no-repeat; }
body.gray.team { background:url('/images/board/bg_gray_02_t.jpg') no-repeat; }
body.gray.set.team { background:url('/images/board/bg_gray_01_t.jpg') no-repeat; }

body.blue { background:url('/images/board/bg_blue_02.jpg') no-repeat; background-size:cover; font-family:'Arial', sans-serif; font-weight:bold; }
body.blue.set { background:url('/images/board/bg_blue_01.jpg') no-repeat; }
body.blue.team { background:url('/images/board/bg_blue_02_t.jpg') no-repeat; }
body.blue.set.team { background:url('/images/board/bg_blue_01_t.jpg') no-repeat; }

body.red { background:url('/images/board/bg_red_02.jpg') no-repeat; background-size:cover; font-family:'Arial', sans-serif; font-weight:bold; }
body.red.set { background:url('/images/board/bg_red_01.jpg') no-repeat; }
body.red.team { background:url('/images/board/bg_red_02_t.jpg') no-repeat; }
body.red.set.team { background:url('/images/board/bg_red_01_t.jpg') no-repeat; }


#wrap { width:100%; height:100%; }

#header-wrap { width:100%; overflow:hidden; }

#header-wrap .team-info { display:none; }

#header-wrap .user-left { float:left; width:50%; color:#f8dd44; }
#header-wrap .user-left .player1 { display:block; }
#header-wrap .user-left .player2 { display:none; }
#header-wrap .user-left.first { color:#fff; }
#header-wrap .user-left > ul { padding:27px 0px 27px 27px; }
#header-wrap .user-left ul { overflow:hidden; }
#header-wrap .user-left ul li { float:left; }
#header-wrap .user-left ul li.name { height:105px; text-align:left; margin-left:20px; }
#header-wrap .user-left ul li.discipline p { float:right; }
#header-wrap .user-left ul li.discipline.sub-show .main { border-radius:0px 5px 5px 0px; }
#header-wrap .user-left ul li.discipline.sub-show .sub { border-radius:5px 0px 0px 5px; }

#header-wrap .user-right { float:right; width:50%; color:#f8dd44; }
#header-wrap .user-right .player1 { display:block; }
#header-wrap .user-right .player2 { display:none; }
#header-wrap .user-right.first { color:#fff; }
#header-wrap .user-right > ul { padding:27px 27px 27px 0px; }
#header-wrap .user-right ul { overflow:hidden; }
#header-wrap .user-right ul li { float:right; }
#header-wrap .user-right ul li.name { height:105px; text-align:right; margin-right:20px; }
#header-wrap .user-right ul li.discipline p { float:left; }
#header-wrap .user-right ul li.discipline.sub-show .main { border-radius:5px 0px 0px 5px; }
#header-wrap .user-right ul li.discipline.sub-show .sub { border-radius:0px 5px 5px 0px; }

/*#header-wrap div ul li.name { width:530px; padding:10px 0; font-size:70px; }*/
#header-wrap div ul li.nation img { height:100px; }
#header-wrap div ul li.name { width:610px; font-size:92px; }
#header-wrap div ul li.discipline { width:220px; padding:12px 0; }
#header-wrap div ul li.discipline .main { width:120px; padding:11px 0; text-align:center; font-size:50px; color:#fff; border-radius:5px; }
#header-wrap div ul li.discipline.D01 .main { background:#d94d4d; }
#header-wrap div ul li.discipline.D02 .main { background:#49a60a; }
#header-wrap div ul li.discipline.D03 .main { background:#9f4dd9; }
#header-wrap div ul li.discipline.D04 .main { background:#4d9bd9; }
#header-wrap div ul li.discipline.D12 .main { background:#d9c44d; }
#header-wrap div ul li.discipline.D13 .main { background:#d9754d; }
#header-wrap div ul li.discipline.none .sub { border-radius:5px; }
#header-wrap div ul li.discipline .sub { width:80px; padding:18px 0 17px 0; text-align:center; font-size:40px; color:#fff; background:#101012; }

/* ====================================================================================================================================================== */

#content-wrap { width:100%; color:#fff; margin-top:26px; }
#content-wrap > div { position:relative; float:left; }
#content-wrap > div .total-score { width:695px; text-align:center; font-size:380px; padding:49px 0; line-height:400px; }
#content-wrap > div .score-info .current-score { width:45%; font-size:130px; padding-top:30px; }
#content-wrap > div .score-info .current-score > div { display:none; }
#content-wrap > div .score-info .current-score .c-s { display:none; }
#content-wrap > div .score-info .current-score .c-s.ext { display:block; }
#content-wrap > div .score-info .current-score .extension { display:none; }
#content-wrap > div .score-info .hr { width:20%; font-size:70px; color:#fff; }
#content-wrap > div .score-info .hr .t { font-size:40px; color:#4d9bd9; }
#content-wrap > div .score-info .hr .hr2-score { display:none; }
#content-wrap > div .score-info .avg { width:35%; font-size:70px; color:#fff; }
#content-wrap > div .score-info .avg .t { font-size:40px; color:#4d9bd9; }

#content-wrap .score-left { width:768px; height:690px; border-radius:15px; margin-left:31px; }
#content-wrap .score-left .time-out { position:absolute; left:20px; top:140px; }
#content-wrap .score-left .time-out.ea5 { top:60px; }
#content-wrap .score-left .time-out li { margin-bottom:30px; }
#content-wrap .score-left .attempts { position:absolute; left:20px; top:0px; font-size:100px; font-weight:bold; }
#content-wrap .score-left .score-info ul { overflow:hidden; padding:0 0px 0 10px; }
#content-wrap .score-left .score-info ul li { float:left; text-align:center; }
#content-wrap .score-left .total-score { margin-left:73px; }
#content-wrap .score-left .score-info .current-score .ball-info { position:relative; float:left; margin-left:10px; }
#content-wrap .score-left .score-info .current-score .ball-info .ball { width:120px; text-align:center; }
#content-wrap .score-left .score-info .current-score .ball-info .shadow { position:absolute; width:97px; top:15px; left:12px; text-align:center; }
#content-wrap .score-left .try-count { position:absolute; left:20px; top:150px; width: 100px; height: 120px; display: none; flex-direction: column; justify-content:flex-start; }
#content-wrap .score-left.active .try-count { display: flex; }
#content-wrap .score-left .try-count span.try { width: 100%; height: 30px; background: #ff0000; border-radius: 10px; margin-bottom: 10px; }
#content-wrap .score-left .try-count span.use { visibility: hidden; }

#content-wrap .score-center { width:322px; text-align:center; }
#content-wrap .score-center .inning { padding:200px 0; }
#content-wrap .score-center .inning .num { font-size:200px; }
#content-wrap .score-center .inning .logo { margin-top:-30px; }
#content-wrap .score-center .logo { margin-top:-90px; }
#content-wrap .score-center .set { display:none; padding:25px 0; }
#content-wrap .score-center .set .title { display:block; color:#7f7e82; font-size:30px; }
#content-wrap .score-center .set .set-score { font-size:100px; }

#content-wrap .score-right { width:768px; height:690px; border-radius:15px; margin-right:31px; }
#content-wrap .score-right .time-out { position:absolute; right:20px; top:140px; }
#content-wrap .score-right .time-out.ea5 { top:60px; }
#content-wrap .score-right .time-out li { margin-bottom:30px; }
#content-wrap .score-right .attempts { position:absolute; right:20px; top:0px; font-size:100px; font-weight:bold; }
#content-wrap .score-right .score-info ul { overflow:hidden; padding:0 10px 0 0px; }
#content-wrap .score-right .score-info ul li { float:right; text-align:center; }
#content-wrap .score-right .score-info .current-score .ball-info { position:relative; float:right; margin-right:10px; }
#content-wrap .score-right .score-info .current-score .ball-info .ball { width:120px; text-align:center; }
#content-wrap .score-right .score-info .current-score .ball-info .shadow { position:absolute; width:97px; top:15px; right:12px; text-align:center; }
#content-wrap .score-right .try-count { position:absolute; right:20px; top:150px; width: 100px; height: 120px; display: none; flex-direction: column; justify-content:flex-start; }
#content-wrap .score-right.active .try-count { display: flex; }
#content-wrap .score-right .try-count span.try { width: 100%; height: 30px; background: #ff0000; border-radius: 10px; margin-bottom: 10px; }
#content-wrap .score-right .try-count span.use { visibility: hidden; }

#content-wrap .score-left { color:#f8dd44; }
#content-wrap .score-left.first { color:#fff; }
#content-wrap .score-left.first.active { background:url('/images/board/left_w.png') no-repeat; color:#0d0a17; }
#content-wrap .score-left.active { background:url('/images/board/left_y.png') no-repeat; color:#0d0a17; }
#content-wrap .score-right { color:#f8dd44; }
#content-wrap .score-right.first { color:#fff; }
#content-wrap .score-right.first.active { background:url('/images/board/right_w.png') no-repeat; color:#0d0a17; }
#content-wrap .score-right.active { background:url('/images/board/right_y.png') no-repeat; color:#0d0a17; }
#content-wrap .active .score-info .hr { color:#40404d; }
#content-wrap .active .score-info .avg { color:#40404d; }
#content-wrap .active .score-info .current-score > div { display:block; }
#content-wrap .active .score-info .current-score .c-s { display:block; }

/* ====================================================================================================================================================== */

#footer-wrap { position:absolute; width:100%; left:0px; bottom:0px; }
#footer-wrap .time-limit { float:left; width:200px; font-size:130px; padding:12px 0; text-align:center; color:#fff; }
#footer-wrap .time-limit.red { color:red; }
#footer-wrap .time-bar { position:relative; float:right; width:1720px; height:175px; overflow:hidden; }
#footer-wrap .time-bar p { position:absolute; right:0px; }
#footer-wrap .time-pause { position:absolute; right:0px; z-index:999; }
#footer-wrap .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 .logo-title { position:absolute; width:100%; height:175px; left:0px; bottom:0px; overflow:hidden; display:none; }
#footer-wrap .logo-title ul.title { float:left; width:50%; font-size:50px; color:#fff; }
#footer-wrap .logo-title ul.title li { text-align:center; padding:30px 0; }
#footer-wrap .logo-title ul.logo { float:left; width:50%; }
#footer-wrap .logo-title ul.logo li { float:left; width:50%; text-align:center; }
#footer-wrap .logo-title ul.logo li img { height:140px; padding:15px 0; }

body.gray.shot-top { background:url('/images/board/bg_gray_02_top.jpg') no-repeat; }
body.gray.team.shot-top { background:url('/images/board/bg_gray_02_t_top.jpg') no-repeat; }
.shot-top #header-wrap { padding-top:175px; }
.shot-top #footer-wrap { top:0px; }

/* ====================================================================================================================================================== */

/* 팀경기 */
.team #header-wrap .team-info { display:block; font-size:40px; padding:0 27px 12px 27px; }
.team #header-wrap .team-info li img { height:60px; }
.team #header-wrap .team-info li.team-name { padding:8px 0; margin:0 20px; }

.team #content-wrap > div .total-score { font-size:380px; padding:26px 0; line-height:368px; }
.team #content-wrap .score-left { height:610px; }
.team #content-wrap .score-left .time-out { position:absolute; left:20px; top:100px; }
.team #content-wrap .score-right { height:610px; }
.team #content-wrap .score-right .time-out { position:absolute; right:20px; top:100px; }
.team #content-wrap .score-left { color:#f8dd44; }
.team #content-wrap .score-left.first { color:#fff; }
.team #content-wrap .score-left.first.active { background:url('/images/board/left_w_t.png') no-repeat; color:#0d0a17; }
.team #content-wrap .score-left.active { background:url('/images/board/left_y_t.png') no-repeat; color:#0d0a17; }
.team #content-wrap .score-right { color:#f8dd44; }
.team #content-wrap .score-right.first { color:#fff; }
.team #content-wrap .score-right.first.active { background:url('/images/board/right_w_t.png') no-repeat; color:#0d0a17; }
.team #content-wrap .score-right.active { background:url('/images/board/right_y_t.png') no-repeat; color:#0d0a17; }

.team #content-wrap .score-center .inning { padding:160px 0; }
.set.team #content-wrap .score-center .inning { padding:85px 0; }

/* 세트 경기 */
.set #content-wrap .score-center .set { display:block; }
.set #content-wrap .score-center .inning { padding:125px 0; }

.set #content-wrap .score-center.game-time .inning { padding:34px 0; }
.set #content-wrap .score-center.game-time .time { padding-top:20px; font-size: 70px; }

.set #content-wrap .score-center.game-time .game-time-count { margin: 0 30px; background: #23222a; border-radius: 20px 20px 0 0; }
.set #content-wrap .score-center.game-time .game-time-count > p { padding-top: 10px; }
.set #content-wrap .score-center.game-time .game-time-count .time { padding-top: 0; color: #f8dd44; }
.set #content-wrap .score-center.game-time .game-time-count .injury-time { color: #747474; background: #000; display: flex; align-items: center; justify-content: space-around; }
.set #content-wrap .score-center.game-time .game-time-count .injury-time > p { color: #fff; }
.set #content-wrap .score-center.game-time .game-time-count .injury-time .i-time { font-size: 60px; display: flex; color: #747474; }
.set #content-wrap .score-center.game-time .game-time-count .injury-time .i-time.play { color: #f8dd44; }
.set #content-wrap .score-center.game-time .game-time-count .injury-time .i-time.on { color: #ff0000; }
/* ====================================================================================================================================================== */
/* 승부치기 */
.extension-mode { position:absolute !important; width:100%; height:326px; margin-top:-26px; text-align:center;
font-size:250px; padding:100px 0; background:#000; opacity:0.9; z-index:99999; display:none; }

.team .extension-mode { padding:60px 0; }

/* ====================================================================================================================================================== */
/* 경기종료 */
.game-end { position:absolute !important; width:100%; height:543px; margin-top:-26px; text-align:center;
font-size:150px; padding:100px 0; background:#000; opacity:0.9; z-index:99999; display:none; }
.game-end .first { font-size:150px; color:#cccccc; }
.game-end .second { font-size:150px; color:#f8dd44; }
.game-end .inn { font-size:150px; 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:250px; padding:209px 0; }

.team .game-end { height:602px; padding:30px 0; }
.team .game-end.draw { height:342px; font-size:250px; padding:160px 0; }

/* ====================================================================================================================================================== */
/* 휴식시간 */
.breaktime { position:absolute; width:100%; height:100%; display:none; }
.breaktime .overlay { position:absolute; width:100%; height:395px; bottom:0; left:0; background:#000; opacity:0.8; z-index:99999; }
.breaktime .time { position:absolute; width:100%; padding:630px 0 0 0; color:#fff; font-size:450px; text-align:center; z-index:999999; }

/* ====================================================================================================================================================== */
/* 광고시간 */
.adtime { position:absolute; width:100%; height:100%; display:none; }
.adtime .overlay { position:absolute; width:100%; height:395px; bottom:0; left:0; background:#000; opacity:0.8; z-index:99999; }
.adtime .txt { position:absolute; width:100%; padding:780px 0 0 0; color:#fff; font-size:200px; text-align:center; z-index:999999; }

/* ====================================================================================================================================================== */
/* 예술구 */
.figure { position:absolute; top:0px; left:0px; display:none; }
.remember-hr, .art-total-score { display:none; }
