@charset "utf-8";
body, html { position: fixed; width: 100%; height: 100%; padding: 0; margin: 0; }
p { margin: 0; padding: 0; }
svg { width: 100%; height: 20px; }
#sceneHead { text-align: center; font-size: 1rem; letter-spacing: -.05rem; font-weight: 600; padding: 15px 0; border-bottom: 1px solid #CCC; background: #000; color: #FFF; }
#sceneHead .topTitle { text-align: center; padding-top: 0; }
#sceneHead .rt { text-align: right; padding-right: 20px; position: relative; top: -10px; }
h3 { font-size: 20px; font-weight: bold; }
.close { position: relative; top: 0; text-align: right; margin-right: 28%; }
.btns { font-weight: 600; }
table { margin-left: 22%; border: 0px; }
@media screen and (max-width: 768px) {
   #sceneHead { text-align: center; font-size: .9rem; letter-spacing: -.05rem; font-weight: 600; padding: 20px 0; border-bottom: 1px solid #CCC; background: #000; color: #FFF; }
   table { margin-left: 0; border: 0px; }
   .close { position: relative; top: -10px; text-align: right; margin-right: 40%; }
}
.scores-draw-table-wrapper { overflow: hidden; margin: 0 auto; padding: 20px 0px; }
.players a:link { text-decoration: none; display: block; }
.scores-draw-table { table-layout: fixed; width: 978px; height: auto; }
.scores-draw-table th { color: #1F2223; font-size: 1rem; letter-spacing: 0.5px; text-align: left; }
.scores-draw-table th span { border-bottom: 1px solid #ECECEC; display: block; float: right; text-align: center; margin-bottom: 10px; padding-bottom: 5px; width: calc(100% - 10px); }
.scores-draw-table td { font: 1rem "나눔고딕"; vertical-align: middle; line-height: 130%; position: relative; width: 100%; }
.scores-draw-table th:first-child { width: 20%; }
.scores-draw-table th.gap { width: 10px; }
.scores-draw-table th.gmid { width: 10px; }
.scores-draw-table tbody tr td.tops { vertical-align: top; }
td, th { vertical-align: inherit; }
.cell64 { position: relative; height: 52px; border: 1px solid #CCC; border-left: 0px; margin-bottom: 6px; margin-left: 10px; }

.cell32:first-child { position: relative; height: 52px; border: 1px solid #CCC; margin-top: 30px; }
.cell32 { position: relative; height: 52px; border: 1px solid #CCC; margin-top: 66px; }
.gap32:first-child { clear: both; height: 64px; width: 10px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; margin-top: 24px; }
.gap32 { clear: both; height: 64px; width: 10px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; margin-top: 54px; }

.gap-first { margin-top: 76px; }
.gap32-pos { margin-top: 54px; }
.gap32-top-win { clear: both; height: 32px; width: 10px; border-top: 1px solid #F00; border-right: 1px solid #F00; }
.gap32-bt-win { clear: both; height: 32px; width: 10px; border-right: 1px solid #F00; border-bottom: 1px solid #F00; }
.gap32-top-lose { clear: both; height: 32px; width: 10px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; }
.gap32-bt-lose { clear: both; height: 32px; width: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.gmid32-win:first-child { clear: both; width: 10px; border-top: 1px solid #F00; margin-top: 108px; }
.gmid32:first-child { clear: both; width: 10px; border-top: 1px solid #CCC; margin-top: 108px; }
.gmid32-win { clear: both; margin-left: -1px; width: 10px; border-top: 1px solid #F00; margin-top: 119px; }
.gmid32 { clear: both; margin-left: -1px; width: 10px; border-top: 1px solid #CCC; margin-top: 119px; }

.cell-second { margin-top: 82px; }
.gap-second { margin-top: 108px; }
.gap16-pos { margin-top: 118px; }
.cell16:first-child { position: relative; height: 52px; border: 1px solid #CCC; margin-top: 144px; }
.cell16 { position: relative; height: 52px; border: 1px solid #CCC; margin-top: 186px; }
.gap16:first-child { clear: both; height: 121px; width: 10px; margin-top: 58px; background-color: #CCC; }
.gap16 { clear: both; height: 121px; width: 10px; margin-top: 119px; background-color: #CCC; }
.gap16-top-win { clear: both; height: 60px; width: 10px; border-top: 1px solid #F00; border-right: 1px solid #F00; }
.gap16-bt-win { clear: both; height: 60px; width: 10px; border-right: 1px solid #F00; border-bottom: 1px solid #F00; }
.gap16-top-lose { clear: both; height: 60px; width: 10px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; }
.gap16-bt-lose { clear: both; height: 60px; width: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.gmid16-win:first-child { clear: both; width: 10px; border-top: 1px solid #F00; margin-top: 169px; }
.gmid16:first-child { clear: both; width: 10px; border-top: 1px solid #CCC; margin-top: 169px; }
.gmid16-win { clear: both; margin-left: -1px; width: 10px; border-top: 1px solid #F00; margin-top: 239px; }
.gmid16 { clear: both; margin-left: -1px; width: 10px; border-top: 1px solid #CCC; margin-top: 239px; }

.gap-third { margin-top: 168px; }
.gap8-pos { margin-top: 238px; }
.cell8:first-child { position: relative; height: 52px; border: 1px solid #CCC; margin-top: 261px; }
.cell8 { height: 52px; position: relative; border: 1px solid #CCC; margin-top: 426px; }
.gap8:first-child { clear: both; height: 118px; width: 10px; margin-top: 120px; background-color: #CCC; }
.gap8 { clear: both; height: 118px; width: 10px; margin-top: 248px; background-color: #CCC; }
.gap8-top-win { clear: both; height: 120px; width: 10px; border-top: 1px solid #F00; border-right: 1px solid #F00; }
.gap8-bt-win { clear: both; height: 120px; width: 10px; border-right: 1px solid #F00; border-bottom: 1px solid #F00; }
.gap8-top-lose { clear: both; height: 120px; width: 10px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; }
.gap8-bt-lose { clear: both; height: 120px; width: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.gmid8-win:first-child { clear: both; width: 10px; border-top: 1px solid #F00; margin-top: 289px; }
.gmid8:first-child { clear: both; width: 10px; border-top: 1px solid #CCC; margin-top: 289px; }
.gmid8-win { clear: both; margin-left: -1px; width: 10px; border-top: 1px solid #F00; margin-top: 479px; }
.gmid8 { clear: both; margin-left: -1px; width: 10px; border-top: 1px solid #CCC; margin-top: 479px; }

.gap-fourth { margin-top: 289px; }
.gap4-pos { margin-top: 482px; }
.cell4:first-child { position: relative; height: 52px; border: 1px solid #CCC; margin-top: 500px; }
.cell4 { position: relative; height: 52px; border: 1px solid #CCC; margin-top: 906px; }
.gap4:first-child { clear: both; height: 476px; width: 10px; margin-top: 242px; background-color: #CCC; }
.gap4 { clear: both; height: 476px; width: 10px; margin-top: 484px; background-color: #CCC; }
.gap4-top-win { clear: both; height: 238px; width: 10px; border-top: 1px solid #F00; border-right: 1px solid #F00; }
.gap4-bt-win { clear: both; height: 238px; width: 10px; border-right: 1px solid #F00; border-bottom: 1px solid #F00; }
.gap4-top-lose { clear: both; height: 238px; width: 10px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; }
.gap4-bt-lose { clear: both; height: 238px; width: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.gmid4-win:first-child { clear: both; width: 10px; border-top: 1px solid #F00; margin-top: 527px; }
.gmid4:first-child { clear: both; width: 10px; border-top: 1px solid #CCC; margin-top: 527px; }
.gmid4-win { clear: both; margin-left: -1px; width: 10px; border-top: 1px solid #F00; margin-top: 959px; }
.gmid4 { clear: both; margin-left: -1px; width: 10px; border-top: 1px solid #CCC; margin-top: 959px; }

.gap-fifth { margin-top: 527px; }
.gap2-pos { margin-top: 960px; }
.cell2:first-child { position: relative; height: 52px; border: 1px solid #CCC; margin-top: 980px; }
.cell2 { position: relative; height: 52px; border: 1px solid #CCC; margin-top: 1866px; }
.gap2:first-child { clear: both; height: 958px; width: 10px; margin-top: 464px; background-color: #CCC; }
.gap2 { clear: both; height: 958px; width: 10px; margin-top: 962px; background-color: #CCC; }
.gap2-top-win { clear: both; height: 479px; width: 10px; border-top: 1px solid #F00; border-right: 1px solid #F00; }
.gap2-bt-win { clear: both; height: 479px; width: 10px; border-right: 1px solid #F00; border-bottom: 1px solid #F00; }
.gap2-top-lose { clear: both; height: 479px; width: 10px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; }
.gap2-bt-lose { clear: both; height: 479px; width: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.gmid2-win:first-child { clear: both; width: 10px; border-top: 1px solid #F00; margin-top: 1006px; }
.gmid2:first-child { clear: both; width: 10px; border-top: 1px solid #CCC; margin-top: 1006px; }
.gmid2-win { clear: both; margin-left: -1px; width: 10px; border-top: 1px solid #F00; margin-top: 1919px; }
.gmid2 { clear: both; margin-left: -1px; width: 10px; border-top: 1px solid #CCC; margin-top: 1919px; }

.gap-sixth { margin-top: 1005px; }
.gap2-pos { margin-top: 960px; }
.cell1 { position: relative; height: 52px; border: 1px solid #CCC; margin-top: 1940px; }
.gap1 { clear: both; height: 1846px; width: 10px; margin-top: 4px; background-color: #CCC; }
.gap1-top-win { clear: both; height: 960px; width: 10px; border-top: 1px solid #F00; border-right: 1px solid #F00; }
.gap1-bt-win { clear: both; height: 960px; width: 10px; border-right: 1px solid #F00; border-bottom: 1px solid #F00; }
.gap1-top-lose { clear: both; height: 960px; width: 10px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; }
.gap1-bt-lose { clear: both; height: 960px; width: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.gmid1-win:first-child { clear: both; width: 10px; border-top: 1px solid #F00; margin-top: 1966px; }
.gmid1:first-child { clear: both; width: 10px; border-top: 1px solid #CCC; margin-top: 1966px; }
.gmid1-win { clear: both; margin-left: -1px; width: 10px; border-top: 1px solid #F00; margin-top: 1919px; }
.gmid1 { clear: both; margin-left: -1px; width: 10px; border-top: 1px solid #CCC; margin-top: 1919px; }

.numbering { clear: both; float: left; width: 22px; text-align: center; height: 50px; line-height: 400%; font-size: 12px; color: #666; }
.players { padding: 7px 8px; font-size: 13px; }
.players a { line-height: 150%; letter-spacing: -1px; color: #000; font-size: 9.5pt; }
.cell64 .bye { padding: 17px 0 0 80px; font-size: 14px; color: #AAA; }
.cell32 .bye { padding: 17px 0 0 40px; font-size: 14px; color: #AAA; }
.violation { padding: 17px 0 0 60px; font-size: 14px; color: #FF0700; }
.violations { padding: 17px 0 0 35px; font-size: 14px; color: #FF0700; }
.not-play { text-align: center; padding: 8px 10px; height: 52px; line-height: 260%; font-size: 13px; }
.tab { position: absolute; top: 0; right: 5px; font-size: 7px; opacity: 0.3; }
.winner { background: #5176B6; }
.winner a { color: #FFF; }
.winner .numbering { color: #FFF; }
.winner .tab { color: #FFF; opacity: 1; }
.vice { background: #6EAED4; }
.vice a { color: #FFF; }
.vice .numbering { color: #FFF; }
.vice .tab { color: #FFF; opacity: 1; }
.win { background: none; }
.win a { color: #000; }
.win .numbering { color: #FFF; }
.win .tab { color: #FFF; opacity: 1; }