/* fixed top */
#fixedtop .fixwrap{height:inherit}
#fixedtop.fixed .fixwrap{z-index:500; top:0}
.up #fixedtop.fixed .fixwrap{top:57px}
#fixedtop.fixed .rbox.on > .rshadow{display:none}
#fixedtop.fixed .tshadow,
#fixedtop.fixed .mshadow{z-index:499; position:fixed; right:0; left:0; margin-top:env(safe-area-inset-top); border-radius:0 0 20px 20px; mix-blend-mode:multiply; box-shadow:0 7px 10px rgba(231,235,244,0.5); transition:top 0.2s ease-in-out}
#fixedtop.fixed .tshadow{top:0}
#fixedtop.fixed .mshadow{top:57px}
.up #fixedtop.fixed .tshadow{top:57px}
.up #fixedtop.fixed .mshadow{top:114px}
#fixedtop.type1,
#fixedtop.type1.fixed .tshadow{height:57px}
#fixedtop.type2,
#fixedtop.type2.fixed .tshadow{height:43px}
#fixedtit.fixed{z-index:501; position:fixed; top:-57px; right:60px; left:60px; height:57px; overflow:hidden; background-color:#fff; transition:top 0.2s ease-in-out}
.up #fixedtit.fixed{top:0}

/* tab menu */
.tab{font-size:13px; font-weight:500}
.tab a{display:block}
.tab .active{color:#000}
.tab2 ul,
.tab3 ul{display:table; table-layout:fixed; width:100%}
.tab2 li,
.tab3 li,
.tab2 .cell{display:table-cell; vertical-align:middle}
.tab1 li{position:relative; display:inline-block}
.tab1 a{padding:0 18px 10px 18px; line-height:33px}
.tab1 .active::after{content:""; position:absolute; right:18px; bottom:0; left:18px; height:2px; border-radius:2px; background-color:#000}
.tab2 li{color:#a7a7a7}
.tab2 a{display:table; width:100%; padding:6.5px 0; height:34px; line-height:17px}
.tab2 .active{background-color:#cad0e0}
.tab2 .em{margin-top:-7px; margin-bottom:-6px; margin-right:10px; width:30px; height:30px}
.tab3 li{line-height:13px; color:#808694}
.tab3 li + li{position:relative}
.tab3 li + li::before{content:""; position:absolute; top:calc(50% - 6.5px); left:0; width:1px; height:13px; background-color:#cad0e0}

@media all and (max-width:359px){
    .tab1 a{padding-right:13px; padding-left:13px}
    .tab1 .active::after{right:13px; left:13px}
}

/* scroll tab (220816) */
.tab4 {overflow: hidden;}
.tab4 ul {display: flex;}
.tab4 .swiper-slide {width: auto; flex: 1 0 auto;}
.tab4 li{line-height:13px; color:#808694}
.tab4 li + li{position:relative}
.tab4 li + li::before{content:""; position:absolute; top:calc(50% - 6.5px); left:0; width:1px; height:13px; background-color:#cad0e0}
.tab4 a {padding: 0 12px;}

/* common */
.fixedbtn{z-index:1000; position:fixed; right:10px; bottom:77px; margin-bottom:env(safe-area-inset-bottom)}
.fixedbtn.end{position:absolute}

.subtit{line-height:1; font-size:15px; font-weight:700; color:#000}
.subtit.higher{font-size:18px; font-weight:600}
.subtit.lower{font-size:14px; font-weight:500}
.subtit .c1{color:#808694}
.subtit .crown{margin-left:6px; display:inline-block; vertical-align:middle; width:15.67px; height:13.67px; background-position:-135px -15px; transform:translateY(-2px)}
.subtxt{line-height:1; font-size:13px; font-weight:500; color:#808694}
.subtit + .subtxt{margin-top:9px}
.note{margin-top:-4px; margin-bottom:-3px; line-height:20px; font-size:13px; font-weight:500; color:#808694; font-family: 'Noto Sans KR', Sans-serif;}
.note + .note{margin-top:3px}
.note.type2{margin-top:-1px; margin-bottom:-2px; line-height:17px}
.note.type2 + .note.type2{margin-top:2px}
.note.bul1{padding-left:14px; text-indent:-14px}
.note.bul2{padding-left:8px; text-indent:-8px}
.note .c1{color:#ef4023}
.note .arrow{margin-right:6px; margin-left:2px; display:inline-block; vertical-align:middle; width:3px; height:3px; font-size:0; border-top:2px solid #808694; border-right:2px solid #808694; transform:rotate(45deg) translateY(-1px)}
.subtit + .note{margin-top:6px}
.txtbox{padding:20px 23px; line-height:20px; font-size:13px}

.kor{font-family:'Noto Sans KR', Sans-serif}
.kor .eng{font-family:'proxima-nova', 'Noto Sans KR', Sans-serif}
.ft11{font-size:11px !important}
.ft12{font-size:12px !important}
.hr{height:1px}
.hr1{background-color:#cad0e0}
.hr2{background-color:#e7ebf4}
.hr3{background-color:#fff}

/* table */
.tbl{overflow:hidden}
.tbl table{margin-top:-1px; margin-right:-1px; width:calc(100% + 1px)}
.tbl th,
.tbl td{height:33px; padding:8px 0; vertical-align:middle; text-align:center; line-height:17px; font-size:13px; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; box-sizing:border-box}
.tbl th,
.tbl tfoot td,
.tbl .on{color:#000; background-color:#f2f2f2}
.tbl .tit{color:#000}
.tbl .top th{height:37px; line-height:15px}
.tbl .k{color:#fff; background-color:#ed484b}
.tbl .v{color:#fff; background-color:#1d76ab}
.tbl .h1,
.tbl .h3,
.tbl .h4{padding:0}
.tbl .h1{line-height:14px}
.tbl .h2{height:52px}
.tbl .h3{height:68.1px}
.tbl .h4{height:102px}
.tbl .h5{height:136px}
.tbl .em{margin:-4px 0; width:23px; height:23px}
.tbl .l13,
.tbl .l17,
.tbl .l10p{text-align:left; padding-right:8px}
.tbl .l13{padding-left:13px}
.tbl .l17{padding-left:17px}
.tbl .s1{font-weight:600; color:#444}
.tbl .game.type2{font-size:11px}
.tbl .game span{float:left}
.tbl .game.type1 .team{width:calc(100% - 29px)}
.tbl .game.type2 .team{width:calc(100% - 20px); padding-left:13px; text-indent:-13px; box-sizing:border-box}
.tbl .game .result{font-weight:500}
.tbl .game.type1 .result{width:29px}
.tbl .game.type2 .result{width:10px; padding-right:10px}
.tbl .game .w{color:#0e76bc}
.tbl .game .l{color:#949494}
.tbl .game + .vs{padding-right:29px; color:#a4a4a4}
.tbl .score strong{font-weight:600; color:#444}
.tbl .score span{font-size:11px; color:#a7a7a7}
.tbl .entry{height:15px; overflow:hidden; padding-left:5px}
.tbl .entry li{float:left; display:block; width:23px; height:15px; line-height:15px}
.tbl .entry .starting{display:inline-block; vertical-align:middle; width:7px; height:7px; background-color:#666}
.tbl .entry .switch{text-decoration:underline}
.tbl .array{position:relative; display:inline-block; padding-right:11px}
.tbl .array.active{font-weight:700}
.tbl .array::after{content:""; position:absolute; top:calc(50% - 5px); right:1px; width:3px; height:3px; border-bottom:1px solid #000; border-left:1px solid #000; transform:rotate(-45deg)}
.tbl.type1 th,
.tbl.type1 td,
.tbl.type3 th,
.tbl.type3 td{padding-right:7px; padding-left:7px}
.tbl.type1 thead th{position:relative; background-color:#cad0e0; border-right-color:#b5bbcb}
.tbl.type1 thead .vs{font-size:14px; font-weight:600}
.tbl.type1 thead .link{position:absolute; top:0; line-height:54px; color:#808694}
.tbl.type1 thead .link.l{left:17px; padding-left:14px}
.tbl.type1 thead .link.r{right:17px; padding-right:14px}
.tbl.type1 thead .link::after{content:""; position:absolute; top:calc(50% - 3px); width:3px; height:3px; border-top:2px solid #808694; border-right:2px solid #808694}
.tbl.type1 thead .link.l::after{left:0; transform:rotate(-135deg)}
.tbl.type1 thead .link.r::after{right:0; transform:rotate(45deg)}
.tbl.type1 tbody tr:first-child th,
.tbl.type1 tbody tr:first-child td{border-top:0}
.tbl.type2 th,
.tbl.type2 td{height:20px; padding-top:5px; padding-bottom:5px; line-height:20px}

/* list header */
.lst_header .count{line-height:57px; font-size:14px; font-weight:500; color:#a7a7a7}
.lst_header .count span{color:#666}
.lst_header .sp{display:inline-block; vertical-align:middle}
.lst_header .btn_open .sp,
.lst_header .btn_search .sp{width:14px; height:14px}
.lst_header .btn_write,
.lst_header .btn_open{position:absolute; top:0; height:57px}
.lst_header .btn_write{right:42px; width:48px; line-height:57px; text-align:center}
.lst_header .btn_write .sp{width:15px; height:15px; background-position:-117px 0}
.lst_header .btn_open{right:-5px; width:47px}
.lst_header .btn_open .sp{background-position:-60px -15px}
.lst_header .frm_search{display:none; position:absolute; top:0; right:0; bottom:0; left:0}
.lst_header .frm_search .clearfix{width:calc(100% - 50px); padding-top:3px}
.lst_header .frm_search .selectwrp,
.lst_header .frm_search input{float:left; margin-right:7px}
.lst_header .frm_search .selectwrp{width:calc((100% - 57px)*0.4)}
.lst_header .frm_search input{width:calc((100% - 57px)*0.6)}
.lst_header .btn_close{border-radius:100%}
.lst_header .btn_search{float:right; width:43px; height:43px; background-color:#808694}
.lst_header .btn_search .sp{background-position:-75px -15px}
.lst_header .btn_close{position:absolute; top:6px; right:0; width:37px; height:37px; font-size:0; border:1.5px solid #000}
.lst_header .btn_close::before,
.lst_header .btn_close::after{content:""; position:absolute; top:calc(50% - 2px); left:calc(50% - 6.5px); width:13px; height:2px; background-color:#000}
.lst_header .btn_close::before{transform:rotate(-45deg)}
.lst_header .btn_close::after{transform:rotate(45deg)}

/* list select */
.lst_select ul{display:table; table-layout:fixed; width:100%}
.lst_select li{position:relative; display:table-cell}
.lst_select li + li{padding-left:1px}
.lst_select li:first-child select{border-top-left-radius:20px; border-bottom-left-radius:20px}
.lst_select li:last-child select{border-top-right-radius:20px; border-bottom-right-radius:20px}
.lst_select .fl{float:left}
.lst_select ul.fl + ul.fl{margin-left:7px}
.lst_select .w1{width:74%}
.lst_select .w2{width:65%}
.lst_select .w3{width:45.8%}
.lst_select .w4{width:calc(100% - 50px)}
.lst_select .w5{width:calc((100% - 57px)*0.39)}
.lst_select .w6{width:calc((100% - 57px)*0.61)}
.lst_select .mark{width:8.4%; line-height:43px; font-size:15px; font-weight:700; color:#808694}
.lst_select .btn_search{float:right; width:43px; height:43px; background-color:#808694}
.lst_select .btn_search .sp{display:inline-block; vertical-align:middle; width:14px; height:14px; background-position:-75px -15px}

/* board */
.board .div{font-size:13px; font-weight:700; color:#000}
.board .tit{line-height:21px}
.board .tit.type1{font-size:14px; font-weight:500; color:#444}
.board .tit.type2{font-size:13px}
.board .thumbs.type1{padding-bottom:60.49%}
.board .thumbs.type2{padding-bottom:56.1%}
.board .thumbs.type3{padding-bottom:65.85%}
.board .thumbs.type4{padding-bottom:100%}
.board .thumb{position:absolute; top:0; width:50%; height:50%}
.board .thumb:nth-child(odd){left:0; width:50%}
.board .thumb:nth-child(even){right:0; width:calc(50% - 1px)}
.board .thumb:nth-child(2) ~ .thumb{top:auto; bottom:0; height:calc(50% - 1px)}
.board .info,
.board .respond{line-height:16px; font-weight:600}
.board .info > span,
.board .respond > span{float:left}
.board .info{color:#a7a7a7}
.board .info > span + span{margin-left:17px}
.board .info span span{line-height:15px; font-size:11px}
.board .respond{color:#808694}
.board .respond > span + span{margin-left:20px}
.board .respond .sp{margin-right:5px; display:inline-block; vertical-align:top; width:12px; height:10px; transform:translateY(1px)}
.board .respond .up .sp{background-position:-69px 0}
.board .respond .down .sp{background-position:-81px 0}
.board .btn_scrap{position:absolute; bottom:0; padding:18.5px 23px}
.board .btn_scrap .sp{display:block; width:11px; height:13px; background-position:-45px 0}
.board .btn_scrap.on .sp{background-position:-57px 0}
.board textarea{height:347px}
.board .note{margin-top:27px; margin-bottom:25px}
.board .snslabel{position:absolute; top:23px; right:23px; width:23px; height:23px}
.board .snslabel.i .sp{background-position:-23px 0}
.board .txt{margin-bottom:16px; max-height:40px; padding-right:47px; line-height:20px; font-size:13px; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}

/* list */
.lst.type2 li:first-child{border-top-left-radius:20px; border-top-right-radius:20px}
.lst.type2 li:last-child{border-bottom-left-radius:20px; border-bottom-right-radius:20px}
.lst li{position:relative; background-color:#fff}
.lst li + li{margin-top:1px}
.lst li.r20 + li.r20{margin-top:20px}
.lst li > a{display:block}
.lst .hold{margin-right:23px; margin-left:23px}
.lst.type1 .hold,
.lst.type3 .hold{padding-top:23px}
.lst.type4 .hold,
.lst.type2 .hold{padding-top:19px}
.lst.type2 .hold,
.lst.type3 .hold{padding-bottom:19px}
.lst.type4 .hold{padding-bottom:23px}
.lst .upload{position:absolute; top:23px; right:23px; font-size:11px; font-weight:500; color:#a7a7a7}
.lst .upload strong{font-size:12px; font-weight:600}
.lst .sort{padding-top:3px; padding-bottom:1px; font-weight:500}
.lst .fix .sort{color:#0e76bc}
.lst .div{padding-bottom:7px}
.lst .div .crown{margin-left:7px; display:inline-block; vertical-align:middle; width:15.67px; height:13.67px; background-position:-135px -15px; transform:scale(0.85) translateY(-2px)}
.lst .tit,
.lst .new{display:inline-block; vertical-align:top}
.lst .tit{position:relative; overflow:hidden}
.lst.type1 .tit,
.lst.type3 .tit{max-width:calc(100% - 23px); text-overflow:ellipsis; white-space:nowrap}
.lst.type2 .tit{max-height:42px; margin-bottom:4px}
.lst .re{font-size:15px}
.lst .new{text-align:center; width:17px; line-height:17px; text-indent:0; font-size:10px; font-weight:700; color:#fff; background-color:#0e76bc; border-radius:100%}
.lst.type1 .new,
.lst.type3 .new{margin-left:3px; margin-top:1px}
.lst.type2 .new{margin-left:6px; margin-top:2px}
.lst .thumbs{position:relative; overflow:hidden}
.lst.type3 .thumbs{margin-bottom:9px}
.lst .thumbs + .info{padding:17px 0}
.lst.type3 .info{margin-top:3px}
.lst .match{position:relative; margin-top:6px}
.lst .match .team,
.lst .match .score{position:absolute; top:0}
.lst .match .team{width:127px}
.lst .match .team1{right:50%}
.lst .match .team2{left:50%}
.lst .match .em{width:53px; height:53px}
.lst .match .score,
.lst .match .vs{line-height:53px; font-weight:600}
.lst .match .vs.type1{font-size:16px; color:#c0c0c0}
.lst .match .vs.type2{font-size:17px; color:#949494}
.lst .match .score{font-size:17px; color:#000}
.lst .match .team1 .score{right:12px}
.lst .match .team2 .score{left:12px}
.lst .gameinfo{margin-top:7px; margin-bottom:16px; line-height:17px; font-weight:500; color:#a6a6a6}
.lst .gameinfo .date{font-size:14px; font-weight:600; color:#000}
.lst .gameboard{background-color:#f2f2f2}
.lst .gameboard .score{padding:10px 12px 10px 10px}
.lst .gameboard th,
.lst .gameboard td{height:21px}
.lst .gameboard td:not(.on){color:#a7a7a7}
.lst .gameboard thead th{font-weight:600; color:#a7a7a7}
.lst .gameboard img{width:20px; height:20px}
.lst .gameboard strong,
.lst .gameboard .win .on{font-weight:700}
.lst .gameboard .win .tot{color:#000}
.lst .gameboard .record{padding:17px}
.lst .gameboard .item{float:left; width:33.34%}
.lst .gameboard .item + .item{width:33.33%}
.lst .gameboard .t1{font-size:13px; font-weight:500}
.lst .gameboard .t2{margin-top:9px; font-weight:500; color:#797f95}
.lst .gameboard .t2 strong{font-size:13px; font-weight:600}
.lst .gameboard .t3{margin-top:2px; color:#949494}
.lst .set_btn{padding-bottom:20px}
.lst .record{padding-top:17px; padding-bottom:21px}
.lst .record dl + dl{margin-top:9px}
.lst .record dt,
.lst .record dd{padding-left:20px}
.lst .record dt{text-indent:-20px; line-height:20px}
.lst .record dt .sp{margin-right:7px; display:inline-block; vertical-align:middle; width:13px; height:13px; background-position:-120px -15px; transform:translateY(-2px)}
.lst .record dd{line-height:15px; color:#949494}
.lst .triple{margin-top:4px;; padding-bottom:21px; padding-left:60px}
.lst .respond{margin-top:5px}
.lst .btn_scrap{right:0}

/* view */
.viw .div + .tit{margin-top:7px}
.viw .info.type1{padding-top:4px; padding-bottom:1px}
.viw .info.type2{padding:17px 0}
.viw .info.type3{padding-top:2px}
.viw .respond{margin-top:5px}
.viw .btn_scrap{right:-20px}
.viw .profile{position:relative; margin-top:6px; height:41px; padding-left:50px}
.viw .profile .thumbs{position:absolute; top:0; left:0; width:37px; height:37px; border-radius:100%}
.viw .article{margin-top:19px; padding-top:23px; padding-bottom:30px; line-height:20px; font-size:13px; color:#444; border-top:1px solid #e7ebf4}
.viw .article + .hr{margin-top:-7px}
.viw .div + .player{margin-top:10px}
.viw .player{padding-bottom:8px}
.viw .player a{display:block}
.viw .share{padding-top:9px; padding-bottom:13px; text-align:right; font-size:0}
.viw .share a{display:inline-block; width:26px; line-height:26px; text-align:center; border:2px solid #e6ebf1; border-radius:100%}
.viw .share a + a{margin-left:10px}
.viw .share .sp{display:inline-block; vertical-align:middle}
.viw .share .s1 .sp{width:19.33px; height:17px; background-position:-75px -30px; transform:scale(0.64)}
.viw .share .s2 .sp{width:10px; height:19.33px; background-position:-95px -30px; transform:scale(0.55)}
.viw .share .s3 .sp{width:5px; height:10px; background-position:-130px -30px}
.viw .photo{margin-top:14px}
.viw .photo .viewer{position:relative; overflow:hidden}
.viw .photo .viewer.active{transition:height 0.2s ease-in-out}
.viw .photo .viewer img{position:absolute; top:0; left:0; width:100%}
.viw .photo .slider{margin-top:13px}
.viw .photo .slider .thumbs{padding-bottom:100%}
/* 220726 */
.photo-gallery {margin-top: 14px;}
.photo-gallery .slider-img {position: relative; overflow: hidden;}
.photo-gallery .slider-img .swiper-slide img {width: 100%;}
.photo-gallery .slider-thumb {margin:0 -20px; margin-top: 13px; padding: 0 20px;  overflow: hidden;}
.photo-gallery .slider-thumb .swiper-slide {position: relative; overflow: hidden;}
.photo-gallery .slider-thumb .swiper-slide::after {content: ""; display: block; padding-bottom: 100%;}
.photo-gallery .slider-thumb .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute;}

/* reply */
.reply form{line-height:0}
.reply textarea{height:73px}
.reply .count{margin-bottom:13px; line-height:1; font-size:14px; font-weight:500}
.reply .count span{color:#a7a7a7}
.reply li{position:relative; padding:15px 23px 20px 23px}
.reply li:first-child{padding-top:22px}
.reply .name{padding-right:20px; line-height:14px; font-weight:500}
.reply .article{margin-top:8px; line-height:20px; font-size:13px; color:#444}
.reply .date{margin-top:10px; font-weight:500; color:#a7a7a7}
.reply .delete{position:absolute; top:15px; right:23px; line-height:14px}
.reply li:first-child .delete{top:22px}

/* write */
.wte dl:first-child{margin-top:-10px}
.wte dt,
.wte dd{font-weight:500}
.wte dt{line-height:31px}
.wte dd{line-height:16px; color:#444}
.wte .opt{color:#ef4023}
.wte .txtradio{float:left; width:calc(50% - 5px)}
.wte .txtradio + .txtradio{float:right}
.wte .txtradio label{display:block; line-height:38px; text-align:center; font-size:13px; font-weight:500; color:#808694; border:1px solid #e6ebf1; border-radius:13px}
.wte .txtradio input:checked + label{color:#fff; background-color:#808694; border:0}
.wte .txtradio.m input:checked + label{background-color:#0e76bc}
.wte .txtradio.w input:checked + label{background-color:#ef4023}
.wte .birth .selectwrp:nth-child(1){width:43.2%}
.wte .birth .selectwrp:nth-child(2),
.wte .birth .selectwrp:nth-child(3){width:28.4%}
.wte .loc .selectwrp{width:50%}
.wte .profile .thumbs{display:inline-block; width:60px; height:60px; border-radius:100%; box-shadow:0 2px 7px #cfd5e1}
.wte .profile label{margin-left:10px}

/* sns link */
.link_sns.end{bottom:40px}
.link_sns button{z-index:10; position:relative; width:37px; height:37px; font-size:0; background-color:rgba(0,0,0,0.8); border-radius:100%; transition:background-color 0.2s ease-in-out}
.link_sns button::before,
.link_sns button::after{content:""; position:absolute; top:calc(50% - 1px); left:calc(50% - 6.5px); width:13px; height:2px; background-color:#fff; transition:transform 0.2s ease-in-out}
.link_sns button::after{transform:rotate(90deg)}
.link_sns button.active{background-color:#000}
.link_sns button.active::before{transform:rotate(45deg)}
.link_sns button.active::after{transform:rotate(135deg)}
.link_sns li{z-index:1; position:absolute; top:-5px; right:0; opacity:0; transition:all 0.3s ease-in-out}
.link_sns .active + ul li{opacity:1}
.link_sns .active + ul .f{right:219px}
.link_sns .active + ul .i{right:165px}
.link_sns .active + ul .y{right:111px}
.link_sns .active + ul .n{right:57px}
.link_sns a{display:block; width:47px; height:47px}
.link_sns .i .sp{background-position:-47px 0}
.link_sns .y .sp{background-position:-94px 0}
.link_sns .n .sp{background-position:-141px 0}

/* member / mypage */
.mem .ci{margin:30px auto; display:block; width:86.67px; height:33.33px; font-size:0; background:url(../../images/common/ci.png) center center no-repeat; background-size:cover}
.mem .tit{position:relative; line-height:1}
.mem .tit::after{content:""; position:absolute; top:calc(50% - 1px); right:0; left:0; height:2px; background-color:#cad0e0}
.mem .tit span{z-index:10; position:relative; display:inline-block; padding:0 20px; font-size:15px; font-weight:700; color:#808694; background-color:#e7ebf4}
.mem .tit + .note{margin-top:16px; margin-bottom:-3px}
.mem .inner{padding:23px}
.mem .sns{margin:0 auto; max-width:414px}
.mem .sns li,
.mem .sns .frm_el{float:left; width:22%}
.mem .sns li + li,
.mem .sns .frm_el + .frm_el{margin-left:4%}
.mem .s1 .sp{width:19.33px; height:18px; background-position:0 -30px}
.mem .s2 .sp{width:19.33px; height:16.33px; background-position:-20px -30px}
.mem .s3 .sp{width:9.67px; height:19.33px; background-position:-40px -30px}
.mem .s4 .sp{width:19.67px; height:17.33px; background-position:-55px -30px}

.policy{line-height:19px}
.policy:not(.rule){padding-top:27px}
.policy .note{margin-top:12px; margin-bottom:12px; text-align:right}
.policy .tit{margin-bottom:10px; font-size:14px; font-weight:500; color:#000}
.policy .tit,
.policy .hr + p{margin-top:19px}
.policy p + p,
.policy .swiper + p,
.policy .tbl + p{margin-top:9px}
.policy strong{font-weight:500; color:#444}
.policy .ind{display:block; padding-left:12px}
.policy .tbl th,
.policy .tbl td{font-size:12px}
.m_policy .scrollarea{height:calc(100% - 57px); background-color:#e7ebf4}
.m_policy .policy{padding-bottom:27px}

.frm_login .sns .s1 a,
.frm_join .s1 input:checked + label,
.frm_complete .sns.s1{background-color:#ffc20f}
.frm_login .sns .s2 a,
.frm_join .s2 input:checked + label,
.frm_complete .sns.s2{background-color:#1da1f3}
.frm_login .sns .s3 a,
.frm_join .s3 input:checked + label,
.frm_complete .sns.s3{background-color:#3b579d}
.frm_login .sns .s4 a,
.frm_join .s4 input:checked + label,
.frm_complete .sns.s4{background-color:#2db400}

.frm_login .sns a{position:relative; display:block; height:0; padding-bottom:100%}
.frm_login .sns .sp{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.frm_login .btn{line-height:47px; font-size:14px}
.frm_login .note{margin-top:27px}

.frm_join .sns .frm_el{padding-bottom:22%}
.frm_join .sns label{position:absolute; top:0; right:0; bottom:0; left:0; font-size:0; border:2px solid #e6ebf1}
.frm_join .sns .sp{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(0.86)}
.frm_join .sns .s2 input:not(:checked) + label .sp{background-position:-75px -30px}
.frm_join .sns .s3 input:not(:checked) + label .sp{background-position:-95px -30px}
.frm_join .sns .s4 input:not(:checked) + label .sp{background-position:-110px -30px}
.frm_join .sns input:checked + label{border:0}

.frm_agree .link{position:absolute; top:0; right:0; padding-right:14px; line-height:17px; color:#a7a7a7}
.frm_agree .link::after{content:""; position:absolute; top:calc(50% - 4px); right:1px; width:3px; height:3px; border-top:2px solid #a7a7a7; border-right:2px solid #a7a7a7; transform:rotate(45deg)}

.myaccount .sns{width:61px; line-height:61px; text-align:center}
.myaccount .sns .sp{display:inline-block; vertical-align:middle; transform:scale(0.86)}
.myaccount p{line-height:1}

.mytop{padding-bottom:23px}
.mytop .prfimg{border-radius:100%; box-shadow:0 2px 7px #cfd5e1}
.mytop .team{font-size:0}
.mytop .team li{margin-top:20px; display:inline-block; vertical-align:top; width:50%; min-height:70px; line-height:12px; font-size:12px; box-sizing:border-box}
.mytop .team li:nth-child(even){border-left:1px solid #e7ebf4}
.mytop .team a{display:block}
.mytop .team .sort,
.mytop .team .tit{margin-top:3px}
.mytop .team .sort{color:#949494}
.mytop .team .tit{font-size:16px; font-weight:600; color:#949494}
.mytop .team .em img{width:70px; height:70px}
.mytop .team .name{font-weight:400; color:#444}
.mytop .team .sort + .btn_add,
.mytop .team .tit + .btn_add{margin-top:17px}
.mytop .team .btn_add{padding-top:4px; font-weight:500; color:#808694}
.mytop .team .btn_add .plus{position:relative; margin:0 auto; display:block; width:36px; height:36px; border:2px solid #e6ebf1; border-radius:100%}
.mytop .team .btn_add .plus::before,
.mytop .team .btn_add .plus::after{content:""; position:absolute; top:calc(50% - 1px); left:calc(50% - 6.5px); width:13px; height:2px; background-color:#cad0e0}
.mytop .team .btn_add .plus::after{transform:rotate(90deg)}
.mytop .team .arrow{margin-left:7px; display:inline-block; vertical-align:middle; width:3px; height:3px; border-top:2px solid #808694; border-right:2px solid #808694; transform:rotate(45deg) translateY(-1.5px)}
.mytop .team .current{float:left; display:table; table-layout:fixed; width:78%; text-align:left}
.mytop .team .current .em,
.mytop .team .current .info{display:table-cell; vertical-align:middle}
.mytop .team .current .em{width:70px}
.mytop .team .current .info{padding-right:10px; padding-left:20px}
.mytop .team .current .name{line-height:1.2; font-size:14px; font-weight:500; color:#000; word-break:keep-all}
.mytop .team .current .link{display:inline-block; padding:7px 7px 7px 0}
.mytop .team .current .link .arrow{border-color:#949494}
.mytop .team .current + li{float:none; margin-right:-20px; width:22%}
.mytop .team .current + li .em{padding:10px 0}
.mytop .team .current + li .em img{width:50px; height:50px}

.mymain .my{display:table; table-layout:fixed; width:100%; padding:17px 23px; font-size:14px; background-color:#e7ebf4; box-sizing:border-box}
.mymain .my p{display:table-cell; vertical-align:middle; height:50px}
.mymain .my .thumbs{width:50px}
.mymain .my .name{padding-left:13px; font-weight:500; color:#000}
.mymain .my .arrow{width:50px; text-align:right; font-weight:600; color:#a8a8a8}
.mymain .my .arrow span{position:relative; margin-left:6px; display:inline-block; vertical-align:middle; width:15px; height:15px; background-color:#fff; border:1px solid #a7a7a7; border-radius:100%; transform:translateY(-1px)}
.mymain .my .arrow span::after{content:""; position:absolute; top:calc(50% - 2.5px); left:calc(50% - 3.5px); width:3px; height:3px; border-top:2px solid #a7a7a7; border-right:2px solid #a7a7a7; transform:rotate(45deg)}
.mymain .team .btn_add .plus:not(.s){margin-bottom:10px}
.mymain .team .btn_add.s{padding-top:10px}
.mymain .team .btn_add.s .plus{margin-bottom:8px; width:29px; height:29px}

.myinfo .bgarea,
.myinfo .prfarea{position:relative}
.myinfo .bgarea .thumbs{padding-bottom:38.89%}
.myinfo .prfarea{margin:-30px auto 17px auto; width:60px}
.myinfo .prfarea .thumbs{height:60px}
.myinfo .photo label{position:absolute; text-align:center; background-color:#fff; border-radius:100%}
.myinfo .bgarea .photo label{right:17px; bottom:17px; width:27px; line-height:27px}
.myinfo .prfarea .photo label{right:-7px; bottom:-7px; width:25px; line-height:25px; border:2px solid #e6ebf1}
.myinfo .photo .sp{display:inline-block; vertical-align:middle; width:11.33px; height:9px; background-position:-152px -25px; transform:translateY(-1.5px)}
.myinfo .myname{line-height:21px; font-size:16px; font-weight:700; color:#000}
.myinfo .team .em{margin:7px 0}
.myinfo .team .btn_add .plus{margin-bottom:22px}

.m_filter dl{margin:0 auto; width:196px}
.m_filter dd{float:left; width:50%}

.myfeed{position:relative}
.myfeed .filter{line-height:40px; font-weight:700; color:#000}
.myfeed .btn_filter{position:absolute; top:0; right:-20px; width:53px; line-height:40px; text-align:center}
.myfeed .btn_filter .sp{display:inline-block; vertical-align:middle; width:13.67px; height:13.67px; background-position:-132px 0}

.mylink ul{overflow:hidden}
.mylink li + li{margin-top:1px}
.mylink a{position:relative; display:block; line-height:59px; text-indent:23px; font-size:14px; font-weight:500; color:#000; background-color:#fff}
.mylink a::after{content:""; position:absolute; top:calc(50% - 2.5px); right:24px; width:3px; height:3px; border-top:2px solid #949494; border-right:2px solid #949494; transform:rotate(45deg)}
.mylink .no{position:absolute; top:0; right:38px; font-size:13px; color:#949494}
.mylink .no strong{font-weight:600}

.myteam{margin-bottom:-10px}
.myteam .frm_el{float:left; margin-right:10px; margin-bottom:10px; width:calc((100% - 20px)/3); height:0; padding-bottom:calc((100% - 20px)/3)}
.myteam .frm_el:nth-child(3n){margin-right:0}
.myteam img{width:55.34%}

.viw_myteam ul{display:inline-block}
.viw_myteam li{position:relative; height:48px; padding-top:13px; padding-left:81px}
.viw_myteam li + li{margin-top:7px}
.viw_myteam .em{position:absolute; top:0; left:0; width:57px; line-height:57px; border-width:2px; border-style:solid}
.viw_myteam .m .em{border-color:#0e76bc}
.viw_myteam .w .em{border-color:#ef4023}
.viw_myteam .em img{width:34px; height:34px}
.viw_myteam p{text-align:left; line-height:18px}
.viw_myteam .sort{color:#949494}
.viw_myteam .name{color:#444}

@media all and (min-width:600px){
    .myteam .frm_el{width:calc((100% - 60px)/7); padding-bottom:calc((100% - 60px)/7)}
    .myteam .frm_el:nth-child(3n){margin-right:10px}
    .myteam .frm_el:last-child{margin-right:0}
}

/* kovo */
.greeting{padding:20px 23px; line-height:20px; font-size:13px; background-image:url(../../images/img/sign.jpg); background-position:calc(100% - 23px) calc(100% - 23px); background-repeat:no-repeat; background-size:58px auto}
.greeting p + p{margin-top:22px}
.greeting .t1{line-height:25px; font-size:18px; font-weight:500; color:#000}
.greeting .t3{color:#444}

.sponsor ul{margin-top:7px; width:calc(100% + 13px)}
.sponsor li{float:left; position:relative; margin-top:13px; margin-right:13px}
.sponsor a{position:relative; display:block; height:100%}
.sponsor img{position:absolute; left:50%; height:100%; transform:translateX(-50%)}
.sponsor p{padding-top:83px; font-size:14px; font-weight:700; color:#808284}
.sponsor .type1 a{height:119px}
.sponsor .type1 img{top:-4px}
.sponsor .type2 li{width:calc(50% - 13px)}
.sponsor .type2 .con{height:83px}
.sponsor .type2 img{top:0}
.sponsor .type3 li{width:calc(33.33% - 13px)}
.sponsor .type3 li:nth-child(3n-2){width:calc(33.34% - 13px)}
.sponsor .type3 .con{height:73px}
.sponsor .type3 img{top:15%; height:70%}

.maparea{padding-bottom:50.93%}
.maparea .rinner{position:absolute; top:0; bottom:0; right:0; left:0; overflow:hidden; border-radius:0 0 20px 20px}
.location dl{padding:13px 23px 19px 23px}
.location dt{line-height:32px; font-size:14px; font-weight:500; color:#000}
.location dd{line-height:19px}
.location dd + dd{margin-top:13px}
.location .bus{position:relative; margin-top:7px; padding:2px 0 2px 43px; color:#949494}
.location .bus strong{position:absolute; top:0; left:0; width:33px; line-height:23px; text-align:center; font-size:11px; color:#fff; border-radius:23px}
.location .bus.type1 strong{background-color:#2763bd}
.location .bus.type2 strong{background-color:#2f9a2f}
.location .bus.type3 strong{background-color:#c72727}
.location .bus.type4 strong{background-color:#2ea8db}

/* game */
.gametop{line-height:57px}
.gametop .nav{font-weight:600; color:#000}
.gametop .nav.type2{font-size:17px}
.gametop .selectwrp.w1{width:122px; font-size:24px}
.gametop .selectwrp.w2{width:212px; font-size:20px}
.gametop .selectwrp::after{top:calc(50% - 6px); right:5px; width:5px; height:5px; border-color:#000}
.gametop .selectwrp select{height:57px; text-indent:0; color:inherit}
.gametop .btn_cal{position:absolute; top:0; right:-20px; width:77px; text-align:center}
.gametop .btn_cal .sp{display:inline-block; vertical-align:middle; width:14.33px; height:18px; background-position:-136px -30px; transform:translateY(-4px)}
.gametop .btn_cal.on::after{content:""; position:absolute; top:6px; left:calc(50% - 18.5px); width:33px; height:33px; border:2px solid #000; border-radius:100%}

.nav_season{position:relative; margin:-5px auto; width:183px; line-height:23px}
.nav_season .current{font-size:16px; font-weight:600; color:#000}
.nav_season .current span{font-size:14px}
.nav_season a{position:absolute; top:0; bottom:0; width:23px; font-size:0}
.nav_season a::after{content:""; position:absolute; top:calc(50% - 3px); width:4px; height:4px; border-top:2px solid #000; border-right:2px solid #000}
.nav_season .prev{left:0}
.nav_season .prev::after{right:calc(50% - 4px); transform:rotate(-135deg)}
.nav_season .next{right:0}
.nav_season .next::after{left:calc(50% - 4px); transform:rotate(45deg)}

.gamelst dl{position:relative; background-color:#e7ebf4}
.gamelst dl::before,
.gamelst dl::after{content:""; position:absolute; background-color:#000}
.gamelst dl::before{top:20px; bottom:-7px; left:7px; width:1.5px}
.gamelst dl::after{bottom:-12px; left:5.5px; width:5px; height:5px; border-radius:100%}
.gamelst dl + dl{margin-top:7px; padding-top:10px}
.gamelst dl + dl::before{top:30px}
.gamelst dt{height:27px; line-height:1; font-weight:500; color:#000}
.gamelst dt strong{margin-right:9px; font-size:15px; font-weight:600}
.gamelst dd{padding-left:30px}
.gamelst dd + dd{margin-top:10px}
.gamelst .sort{margin-top:-27px; margin-bottom:14px; line-height:13px; text-align:right; font-weight:600; color:#a7a7a7}
.gamelst dd + dd .sort{margin-top:1px}
.gamelst .box{position:relative; padding-top:13px; padding-bottom:13px; padding-left:20px; overflow:hidden}
.gamelst .team{display:table; table-layout:fixed; width:calc(100% - 64px)}
.gamelst.type1 .ready .team{width:calc(100% - 144px)}
.gamelst .team span{display:table-cell; vertical-align:middle; height:37px; box-sizing:border-box}
.gamelst .team .em{width:30px}
.gamelst .team .name{padding-left:9px; line-height:15px; font-size:13px; font-weight:500}
.gamelst .team .score{width:16px; text-align:center; font-size:17px; font-weight:700}
.gamelst .team.win .score{color:#0e76bc}
.gamelst .w .team.win .score{color:#ef4023}
.gamelst .set_btn,
.gamelst.type1 .info,
.gamelst.type1 .info{position:absolute; top:0; height:100px}
.gamelst .set_btn{right:0; width:54px}
.gamelst .set_btn::before{content:""; position:absolute; top:20px; left:0; width:1px; height:60px; background-color:#e7ebf4}
.gamelst .set_btn a{display:block; line-height:100px}
.gamelst .set_btn .sp{display:inline-block}
.gamelst .set_btn .ticket .sp{background-position:0 -15px}
.gamelst .w .set_btn .ticket .sp{background-position:-15px -15px}
.gamelst .set_btn .live .sp{background-position:-30px -15px}
.gamelst .set_btn .result .sp{background-position:-45px -15px}
.gamelst.type1 .info{right:74px; display:table; width:70px; text-align:right}
.gamelst.type1 .info .inner{display:table-cell; vertical-align:middle; height:100%}
.gamelst.type1 .info .time{font-size:14px; font-weight:600; color:#000}
.gamelst.type1 .info .place{font-weight:500; color:#a6a6a6}
.gamelst:not(.type1) .info{margin:13px 0 -13px -20px; padding:10px 20px; line-height:20px; text-align:center; font-weight:500; color:#fff; background-color:#808694}
.gamelst:not(.type1) .info p{display:inline-block}
.gamelst:not(.type1) .info .time::after{content:" /"}

@media all and (max-width:355px){
    .gametop .nav.type2{font-size:15px}

    .gamelst.type1 .ready .team{width:calc(100% - 119px)}
    .gamelst.type1 .info{width:45px}
}

.gamebtm{margin-top:13px; margin-bottom:-22px; height:34px}
.gamebtm .fixwrap{position:fixed; right:0; left:0; bottom:72px; margin-bottom:env(safe-area-inset-bottom); font-size:0}
.gamebtm.end .fixwrap{position:static}
.gamebtm a{display:inline-block; padding-right:12px; padding-left:5px; line-height:32px; font-size:11px; font-weight:500; color:#808694; border:1px solid #cad0e0}
.gamebtm a + a{border-left:0}
.gamebtm a:first-child{border-top-left-radius:16px; border-bottom-left-radius:16px}
.gamebtm a:last-child{border-top-right-radius:16px; border-bottom-right-radius:16px}
.gamebtm .g1,
.gamebtm .g5,
.gamebtm a + a{width:66px; padding-right:6px; padding-left:0}
.gamebtm .sp{display:inline-block; vertical-align:middle}
.gamebtm a:not(.b2) .sp{transform:scale(0.4) translateY(-3px)}
.gamebtm .b2 .sp{margin-right:5px; width:10px; height:10px; background-position:-147px 0}

.gamebtm .sp,
.m_gnav .tit .sp{width:25px; height:25px}
.gamebtm .g1 .sp,
.m_gnav .tit.g1 .sp{background-position:0 -50px}
.gamebtm .g2 .sp,
.m_gnav .tit.g2 .sp{background-position:-26px -50px}
.gamebtm .g3 .sp,
.m_gnav .tit.g3 .sp{height:21px; background-position:-52px -50px}
.gamebtm .g4 .sp,
.m_gnav .tit.g4 .sp{background-position:-78px -50px}
.gamebtm .g5 .sp,
.m_gnav .tit.g5 .sp{background-position:-104px -50px}

.m_gnav .tit{line-height:36px; font-size:18px; font-weight:500; color:#808694}
.m_gnav .tit .sp{margin:0 auto; display:block}
.m_gnav ul,
.m_gnav dl{margin-top:7px; font-weight:500; background-color:#f5f7fb}
.m_gnav .current{color:#444}
.m_gnav ul{padding:11px 0; line-height:37px; font-size:14px}
.m_gnav ul a{display:block}
.m_gnav dl{padding-top:2px; font-size:0}
.m_gnav dt{padding-top:11px; line-height:25px; font-size:16px; color:#808694}
.m_gnav dd + dt{border-top:1px solid #fff}
.m_gnav dd{display:inline-block; padding-bottom:12px; line-height:22px; font-size:14px}
.m_gnav dd + dd{margin-left:21px}

.m_gfilter form,
.m_gfilter .scrollarea{height:calc(100% - 104px)}
.m_gfilter form .scrollarea{height:100%}
.m_gfilter .wte{padding-bottom:40px}
.m_gfilter .btn{float:left; border-radius:0}
.m_gfilter .btn:first-child{width:25.93%}
.m_gfilter .btn:last-child{margin-left:0; width:74.07%}
.team_filter .frm_el{float:left; width:67px; height:67px}
.team_filter .frm_el + .frm_el{margin-left:7px}
.team_filter .frm_el.all label{line-height:63px}

.m_cal{position:relative}
.m_cal .rbox{padding-bottom:20px}
.m_cal th,
.m_cal td{vertical-align:top; font-size:14px; font-weight:500}
.m_cal th{height:30px; line-height:1; border-bottom:1px solid #f2f2f2}
.m_cal th + th,
.m_cal td + td{padding-left:10px}
.m_cal th:first-child,
.m_cal td:first-child{color:#d40000}
.m_cal td{height:36px; padding-top:6px; padding-bottom:6px; line-height:0}
.m_cal tr + tr td{padding-top:13px}
.m_cal td a{display:block}
.m_cal td .dot{vertical-align:top}
.m_cal .dd{display:block; line-height:30px}
.m_cal .dot{display:inline-block; width:6px; height:6px; font-size:0; border-radius:100%}
.m_cal .dot + .dot{margin-left:1px}
.m_cal .dot.m{background-color:#0e76bc}
.m_cal .dot.w{background-color:#ef4023}
.m_cal .legend{font-size:0}
.m_cal .legend li{display:inline-block; line-height:39px; font-size:14px; font-weight:500; color:#949494}
.m_cal .legend li + li{margin-left:33px}
.m_cal .legend li{vertical-align:middle}
.m_cal .legend .dot{margin-right:10px; transform:translateY(-2px)}

.gameviw .topbg{position:relative; margin-bottom:-130px; padding-bottom:80.56%}
.gameviw .place{position:absolute; top:13px; right:0; left:0; font-size:14px; font-weight:500; color:#fff}
.gameviw .topbg + .match{background:linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0.77) 100%); border-radius:20px 20px 0 0}
.gameviw .match{position:relative; height:117px; padding-top:21px}
.gameviw .match .game{line-height:11px; font-weight:500; color:#000}
.gameviw .match .team{position:absolute; top:23px; width:37%}
.gameviw .match .team1{left:0}
.gameviw .match .team2{right:0}
.gameviw .match .team img{width:67px; height:67px}
.gameviw .match .name{display:table; min-height:32px; width:100%; font-size:13px; font-weight:500}
.gameviw .match .name span{display:table-cell; vertical-align:middle; height:100%; padding:0 20px}
.gameviw .match .score{line-height:50px; font-size:16px; font-weight:600; color:#000}
.gameviw .match .score span{color:#c0c0c0}
.gameviw .match .info{position:absolute; right:0; left:0; bottom:25px; line-height:14px; font-weight:600; color:#949494}
.gameviw .match .fixed .team{top:0; width:auto}
.gameviw .match .fixed .team1{left:calc(50% - 65px)}
.gameviw .match .fixed .team2{right:calc(50% - 65px)}
.gameviw .match .fixed .team img{width:30px; height:30px; transform:translateY(-2px)}
.gameviw .match .fixed .name{display:none}
.gameviw .match .fixed .team,
.gameviw .match .fixed .score{line-height:57px; font-size:17px}
.gameviw .topbg + .match .info{bottom:22px}
.gameviw .topbg + .match .info p{display:inline-block}
.gameviw .topbg + .match .info p + p{margin-left:12px}
.scoreboard{position:relative; padding-bottom:22px}
.scoreboard.type2{padding-right:16px; padding-left:16px; padding-bottom:20px}
.scoreboard .tit{margin-bottom:6px; line-height:23px; font-size:13px; font-weight:700; color:#808694}
.scoreboard .tit span{color:#000}
.scoreboard .hr{margin-bottom:18px}
.scoreboard .sort{position:absolute; top:-11px; left:calc(50% - 25px); width:50px; line-height:22px; font-weight:500; color:#808694; background-color:#e7ebf4; border-radius:11px}
.scoreboard th,
.scoreboard td{text-align:center}
.scoreboard.type2 th:last-child,
.scoreboard.type2 td:last-child{padding-right:7px}
.scoreboard thead th{height:20px; font-weight:600; color:#a7a7a7}
.scoreboard td{height:21px}
.scoreboard td:not(.on){color:#a7a7a7}
.scoreboard strong,
.scoreboard .win .on{font-weight:700}
.scoreboard tbody th,
.scoreboard .win .tot{color:#000}
.scoreboard .txt{margin-top:14px; line-height:15px; color:#949494}
.scoreboard .txt span{display:inline-block; width:13px; line-height:13px; font-size:11px; font-weight:700; color:#fff; background-color:#959595; border-radius:100%; transform:translateY(-1px)}

.comparetbl{overflow:hidden}
.comparetbl .top{background-color:#cad0e0}
.comparetbl .top .team{float:left; width:50%; line-height:53px; box-sizing:border-box}
.comparetbl .top .team:last-child{border-left:1px solid #b5bbcb}
.comparetbl .top img{width:30px; height:30px}
.comparetbl .con{padding:23px}
.comparetbl .data{position:absolute; font-size:13px; font-weight:600}
.comparetbl .data.low{color:#949494}
.comparetbl .l{float:left}
.comparetbl .r{float:right}
.comparetbl .compare1 dt{line-height:1; font-size:13px}
.comparetbl .compare1 .tot dt{color:#000}
.comparetbl .compare1 .btn_toggle{position:relative; height:13px; padding:0 13px}
.comparetbl .compare1 .btn_toggle::after{content:""; position:absolute; top:calc(50% - 5px); right:0; width:3px; height:3px; border-top:2px solid #666; border-right:2px solid #666; transform:rotate(135deg)}
.comparetbl .compare1 .btn_toggle.on::after{top:calc(50% - 3px); transform:rotate(-45deg)}
.comparetbl .compare1 .bar{position:relative; width:50%}
.comparetbl .compare1 .progress{height:5px; background-color:#f2f2f2}
.comparetbl .compare1 .r .data,
.comparetbl .compare1 .l .progress span{right:0}
.comparetbl .compare1 .l .data,
.comparetbl .compare1 .r .progress span{left:0}
.comparetbl .compare1 .data{bottom:11px}
.comparetbl .compare1 .stoggle{display:none; margin-top:17px; background-color:#f2f2f2}
.comparetbl .compare1 ul{float:left; width:50%; line-height:27px; padding-top:12px; padding-bottom:12px; box-sizing:border-box}
.comparetbl .compare1 ul + ul{border-left:1px solid #fff}
.comparetbl .compare1 .left{padding-right:17px; padding-left:20px}
.comparetbl .compare1 .right{padding-right:20px; padding-left:17px}
.comparetbl .compare1 .record{display:inline-block; min-width:15px; text-align:center; font-size:13px; font-weight:600; color:#949494}
.comparetbl .compare1 .left .name,
.comparetbl .compare1 .right .record{float:right}
.comparetbl .compare2 .tit{line-height:1; font-size:13px; font-weight:500; color:#000}
.comparetbl .compare2 .bar{line-height:30px; font-size:0}
.comparetbl .compare2 .bar img{margin-right:10px; width:30px; height:30px}
.comparetbl .compare2 .bar span{display:inline-block; vertical-align:middle}
.comparetbl .compare2 .bar .progress{width:calc(100% - 97px); height:5px}
.comparetbl .compare2 .bar .progress > span{left:0}
.comparetbl .compare2 .bar .data{top:calc(50% - 15px); left:calc(100% + 10px)}
.comparetbl .compare3{position:relative}
.comparetbl .compare3 dl{width:50%; box-sizing:border-box}
.comparetbl .compare3 dl{padding:20px 23px}
.comparetbl .compare3 dl.r{text-align:right; border-left:1px solid #e7ebf4}
.comparetbl .compare3 dt{line-height:18px; font-weight:500}
.comparetbl .compare3 dd{line-height:16px; font-weight:600; color:#949494}
.comparetbl .compare3 dd + dt{margin-top:10px}
.comparetbl .compare3 .vs{position:absolute; top:50%; left:50%; line-height:20px; font-size:14px; font-weight:600; color:#a8a8a8; transform:translate(-50%, -50%)}
.comparetbl .compare3 .legend{padding:0 23px; line-height:33px; color:#949494}
.comparetbl .compare4{position:relative; height:71px; line-height:1}
.comparetbl .compare4 .thumbs{margin:0 auto; width:50px; height:50px; border-radius:100%}
.comparetbl .compare4 .l,
.comparetbl .compare4 .r{width:50px}
.comparetbl .compare4 .tit,
.comparetbl .compare4 .column{position:absolute}
.comparetbl .compare4 .tit{right:0; left:0; bottom:23px; font-weight:500; color:#000}
.comparetbl .compare4 .name{margin:0 -23px; word-break:break-all}
.comparetbl .compare4 .data{top:23px; line-height:50px}
.comparetbl .compare4 .l .data{right:calc(50% + 32px)}
.comparetbl .compare4 .r .data{left:calc(50% + 32px)}
.comparetbl .compare4 .column{bottom:44px; width:5px; height:50px}
.comparetbl .compare4 .l .column{right:calc(50% + 3px)}
.comparetbl .compare4 .r .column{left:calc(50% + 3px)}

.triple{position:relative; min-height:50px; padding-left:60px}
.triple .thumbs{position:absolute; top:0; left:0; width:50px; height:50px; border-radius:100%}
.triple .t1{padding-top:8px; font-size:14px; font-weight:500; color:#000}
.triple .t2{margin-top:5px}
.triple .t2 span{display:inline-block; vertical-align:middle}
.triple .t3{margin-top:14px; line-height:15px; color:#949494}

.recordbox.type1 .hold{padding:23px}
.recordbox.type2 .hold{padding:15px 23px 21px 23px}
.recordbox .desc{color:#949494}
.recordbox .desc dt,
.recordbox .desc.type1 dd{padding-left:20px}
.recordbox .desc dt{position:relative; margin-bottom:3px; line-height:13px; font-weight:500}
.recordbox .desc.type2 dt{color:#000}
.recordbox .desc .q{position:absolute; top:0; left:0; width:13px; text-align:center; font-size:11px; font-weight:700; color:#fff; border-radius:100%}
.recordbox .desc.type1 .q{background-color:#959595}
.recordbox .desc.type2 .q{background-color:#000}
.recordbox .desc.type2 dd,
.recordbox .desc .starting,
.recordbox .desc .switch{display:inline-block; vertical-align:middle}
.recordbox .desc.type2 dd + dd{margin-left:27px}
.recordbox .desc .starting{width:7px; height:7px; background-color:#666}
.recordbox .desc .switch{width:13px; height:10px; border-bottom:1px solid #949494}
.recordbox .desc .li{color:#666}
.recordbox .team{margin-bottom:9px; line-height:30px}
.recordbox .team img{margin-right:10px; width:30px; height:30px}
.recordbox .record{display:table; width:100%}
.recordbox .record + .record{margin-top:11px}
.recordbox .record dt,
.recordbox .record dd{display:table-cell}
.recordbox .record dt{width:32%; line-height:20px; font-size:13px; font-weight:500; color:#444}
.recordbox .record dd{line-height:19px}
.recordbox + .note{margin-top:16px}

@media all and (min-width:600px){
    .recordbox .record dt br{display:none}
}

.lineup .btn_toggle{position:relative; display:inline-block; padding-right:23px}
.lineup .btn_toggle::after{content:""; position:absolute; top:calc(50% - 3px); right:2px; width:4px; height:4px; border-top:2px solid #000; border-right:2px solid #000; transform:rotate(-45deg)}
.lineup .btn_toggle.on::after{top:calc(50% - 6px); transform:rotate(135deg)}
.lineup table{overflow:hidden; border:2px solid #fff; border-collapse:separate}
.lineup tbody td{height:37px}
.lineup tbody td + td{border-left:2px solid #fff}
.lineup tbody tr:first-child td{padding-top:8px}
.lineup tbody tr:last-child td{padding-bottom:8px}
.lineup tbody td:nth-child(2),
.lineup tbody td:nth-child(3){background-color:#d8deec}
.lineup tfoot td{height:30px; background-color:#fff}
.lineup strong{font-weight:700}
.lineup td:nth-child(1) strong,
.lineup tbody td:nth-child(2) strong{color:#797f95}
.lineup tbody td:nth-child(2) ~ td strong,
.lineup tfoot td:nth-child(2) strong{color:#87bbb6}

.livetbl .r20{overflow:hidden}
.livetbl .team{float:left; display:table; table-layout:fixed; width:50%; height:53px; color:#fff; box-sizing:border-box}
.livetbl .team1{padding-right:13px; padding-left:10px; background-color:#797f95}
.livetbl .team2{padding-right:10px; padding-left:13px; background-color:#87bbb6}
.livetbl .team span{display:table-cell; vertical-align:middle}
.livetbl .team .em{width:30px}
.livetbl .team1 .em{padding-right:10px}
.livetbl .team2 .em{padding-left:10px}
.livetbl .team .em img{width:30px; height:30px}
.livetbl .team .name{font-size:13px; font-weight:500; word-break:break-all}
.livetbl .team2 .name{text-align:right}
.livetbl .team .score{width:20px; font-size:15px; font-weight:600}
.livetbl .team1 .score{text-align:right}
.livetbl .scrollarea{height:450px; overflow-y:auto}
.livetbl td{height:28px; line-height:28px; font-size:13px; color:#949494}
.livetbl tr:first-child td{padding-top:15px}
.livetbl tr:last-child td{padding-bottom:15px}
.livetbl td:first-child{padding-right:13px; padding-left:23px; text-align:right; border-right:1px solid #e7ebf4}
.livetbl td:last-child{padding-right:23px; padding-left:13px}
.livetbl .on{color:#444}
.livetbl .score{font-size:15px; font-weight:700}
.livetbl .score td:first-child{color:#4e587c}
.livetbl .score td:last-child{color:#3da99c}
.livetbl .note{margin-top:16px}
.livetbl .fixedbtn.end{right:-10px; bottom:-17px}
.livetbl .btn_reset{width:37px; height:37px; background-color:rgba(0,0,0,0.8); border-radius:100%}
.livetbl .btn_reset .sp{margin:0 auto; display:block; width:13.33px; height:13.33px; background-position:-105px -15px}
.livetbl .empty{padding-top:90px; padding-bottom:26px; background-position:center 30px}

.bestlst li{float:left; width:147px; padding-top:23px; padding-bottom:23px; font-weight:500}
.bestlst li + li{margin-left:13px}
.bestlst .part{line-height:1; font-size:14px; color:#444}
.bestlst .em{margin-top:12px; margin-bottom:4px; width:67px; height:67px}
.bestlst .thumbs{margin:20px auto 12px auto; width:50px; height:50px; border-radius:100%}
.bestlst .name,
.bestlst .record{font-size:13px; color:#000}
.bestlst .name{line-height:23px}
.bestlst .name img{margin-right:7px; width:23px; height:23px}
.bestlst .record{line-height:15px}
.bestlst .record strong{font-size:17px; font-weight:600}

.tbl_team:not(.on) .tg{display:none}
.tbl_team:not(.on) .fixtbl{border-right:0}
.tbl_team:not(.on) .fixtbl td:last-child{text-align:right}
.tbl_team .swiptbl th:first-child,
.tbl_team .swiptbl td:first-child{text-align:left}
.tbl_team:not(.on) .swiptbl th:first-child,
.tbl_team:not(.on) .swiptbl td:first-child{border-right-color:#c0c0c0}
.tbl_team:not(.on) .swiptbl th:first-child{padding-left:17px}
.tbl_team:not(.on) .swiptbl td:first-child{padding-left:8px}
.tbl_team.on .swiptbl col:first-child{width:73px !important}

.game_info .logo{margin:0 auto; display:block; height:80px}
.game_info .note{margin-top:16px}

/* team */
.teamlst ul{margin-top:-13px; width:calc(100% + 13px)}
.teamlst li{float:left; margin:13px 13px 0 0; width:calc(50% - 13px); text-align:center; background-color:#fff}
.teamlst a{display:block; height:108px; padding-top:23px}
.teamlst img{width:67px}
.teamlst p{margin-top:5px; line-height:15px; font-size:11px; font-weight:500}

.teamviw .wbg{padding-bottom:30px}
.teamviw .tit{height:97px}
.teamviw .em img{width:70px; height:70px}
.teamviw .name{margin-top:7px; line-height:20px; font-size:15px; font-weight:500; color:#000}
.teamviw .fixed .em,
.teamviw .fixed .name{display:inline-block; vertical-align:top; line-height:57px}
.teamviw .fixed .em img{width:30px; height:30px; transform:translateY(-1px)}
.teamviw .fixed .name{margin-top:0; margin-left:9px; font-size:14px; font-weight:700}
.teamviw .history{margin-top:3px; line-height:18px; font-size:0; font-weight:500; color:#949494}
.teamviw .history span{font-size:12px}
.teamviw .history span + span{margin-left:16px}
.teamviw .history strong{font-weight:600}
.teamviw .btn{margin-top:16px}

.tranking{position:relative; height:102px; padding-left:103px; padding-right:23px; overflow:hidden}
.tranking.jumbos{background-color:#0076bb}
.tranking.wibee{background-color:#0085c6}
.tranking.skywalkers{background-color:#2f3e46}
.tranking.rushncash{background-color:#cda400}
.tranking.bluefangs{background-color:#20427e}
.tranking.kb{background-color:#d07400}
.tranking.kepco{background-color:#a4181e}
.tranking.pinkspiders{background-color:#b4006e}
.tranking.kixx{background-color:#007096}
.tranking.hyundai{background-color:#092d74}
.tranking.zenith{background-color:#1525a2}
.tranking.altos{background-color:#0092d7}
.tranking.kgc{background-color:#cd312d}
.tranking.peppers{background-color:#df0024}
.tranking .em{z-index:0; position:absolute; top:calc(50% - 58.5px); left:-33px; width:117px; height:117px; opacity:0.1}
.tranking .rank{z-index:1; position:absolute; top:0; left:35px; line-height:102px; font-size:14px; font-weight:500; color:#fff; letter-spacing:0}
.tranking .rank strong{font-size:40px; font-weight:700}
.tranking .score{display:flex; padding:0 10px; line-height:52px; font-size:13px; font-weight:500; color:#fff}
.tranking .score li:nth-child(1),
.tranking .score li:nth-child(2){flex:auto}
.tranking .score li:nth-child(3){flex:initial}
.tranking .score span{margin-right:10px; display:inline-block; vertical-align:middle; width:27px; line-height:27px; text-align:center; border-radius:100%}
.tranking .score .w{color:#000; background-color:#fff}
.tranking .score .l{background-color:#a7a7a7}
.tranking .score strong{font-weight:600}
.tranking .game{padding-left:10px; line-height:49px; font-size:13px; color:rgba(255,255,255,0.5); border-top:1px solid rgba(255,255,255,0.1)}

.tchart .pie{padding-top:21px; padding-bottom:16px}
.tchart .bb-chart-arc path{stroke:transparent}
.tchart .bb-chart-arc text{font-weight:600}
.tchart .bb-target-data4 text,
.tchart .bb-target-data5 text{fill:#949494; text-anchor:end !important}
.tchart .bb-target-data4 text{transform:translateX(-95px)}
.tchart .bb-target-data5 text{transform:translate(-90px, -20px)}
.tchart .legend{margin-top:-7px; margin-left:20px; width:calc(100% - 20px); padding-bottom:25px; font-size:0}
.tchart .legend li{margin-right:20px; display:inline-block; line-height:21px; font-size:12px}
.tchart .legend li::before{content:""; margin-right:5px; display:inline-block; vertical-align:middle; width:10px; height:10px; border-radius:100%; transform:translateY(-1px)}
.tchart .legend li:nth-child(1)::before{background-color:#797f95}
.tchart .legend li:nth-child(2)::before{background-color:#e48080}
.tchart .legend li:nth-child(3)::before{background-color:#91bb87}
.tchart .legend li:nth-child(4)::before{background-color:#b887bb}
.tchart .legend li:nth-child(5)::before{background-color:#87bbb6}
.tchart .legend li:nth-child(6)::before{background-color:#e2945a}

.tcolumn{display:table; table-layout:fixed; width:100%; padding:20px 16px 23px 16px; box-sizing:border-box}
.tcolumn li{display:table-cell}
.tcolumn .data{line-height:1; font-size:13px; font-weight:600; color:#949494}
.tcolumn .team img{width:30px}
.tcolumn .column{margin:7px auto 10px auto; width:5px; height:100px; background-color:#f2f2f2}

@media all and (max-width:359px){
    .teamviw .fixed .name{font-size:13px}
    .tranking{padding-left:93px; padding-right:13px}
}

/* player */
.psearch{padding-bottom:30px; border-bottom:1px solid #cad0e0}
.psearch .tab{margin:0 auto 10px auto; max-width:728px}
.psearch .tab li{float:left; margin-right:calc((100% - 37px*7)/6); margin-bottom:10px; width:37px}
.psearch .tab li:nth-child(7n){margin-right:0}
.psearch .tab a{display:block; line-height:37px; font-size:14px; font-weight:700; color:#000; background-color:#fff; border-radius:100%}
.psearch .tab .active a{color:#fff}
.psearch .tab.m .active a{background-color:#0e76bc}
.psearch .tab.w .active a{background-color:#ef4023}
.psearch .direct{position:relative; background-color:#808694}
.psearch .direct dt{padding-left:23px; line-height:47px; font-size:13px; font-weight:500; color:#fff}
.psearch .direct dt span{position:absolute; top:15px; right:13px; width:17px; height:17px; font-size:0; background-color:#fff; border-radius:100%}
.psearch .direct dt span::after{content:""; position:absolute; top:calc(50% - 3.5px); left:calc(50% - 2.5px); width:3px; height:3px; border-top:2px solid #808694; border-left:2px solid #808694; transform:rotate(-135deg)}
.psearch .direct dt.on span::after{top:calc(50% - 2px); transform:rotate(45deg)}
.psearch .direct dd{display:none; z-index:10; position:relative; margin-top:-7px; padding:0 13px 13px 13px}
.psearch .direct .selectwrp,
.psearch .direct input{float:left; margin-right:7px}
.psearch .direct .selectwrp{width:calc((100% - 57px)*0.46)}
.psearch .direct input{width:calc((100% - 57px)*0.54)}
.psearch .direct .btn_search{float:right; width:43px; height:43px; background-color:#e7ebf4}
.psearch .direct .btn_search .sp{display:inline-block; vertical-align:middle; width:14px; height:14px; background-position:-90px -15px}

@media all and (min-width:600px){
    .psearch .tab li,
    .psearch .tab li:nth-child(7){margin-right:calc((100% - 37px*14)/13)}
}

.presult ul{display:flex; flex-wrap:wrap; padding-top:12px; padding-bottom:12px}
.presult li{width:50%; padding:10px 23px; line-height:17px; box-sizing:border-box}
.presult li strong{font-size:14px; font-weight:500; color:#000}
 
.playerlst ul{margin:0 13px; padding-top:23px; padding-bottom:3px}
.playerlst li{float:left; width:33.33%; padding-bottom:18px}
.playerlst li:nth-child(3n-1){width:33.34%}
.playerlst a{display:block}
.playerlst .coach{display:table; table-layout:fixed; width:100%; padding:23px; box-sizing:border-box}
.playerlst .coach .profile,
.playerlst .coach .info{display:table-cell}
.playerlst .thumbs{display:inline-block; border-radius:100%}
.playerlst li .thumbs{width:50px; height:50px}
.playerlst .coach .thumbs{width:60px; height:60px}
.playerlst .no{margin-top:7px; line-height:15px}
.playerlst .name{line-height:20px; font-size:14px; font-weight:500; color:#000}
.playerlst .coach .profile{width:60px}
.playerlst .info{vertical-align:middle; padding-left:11px}
.playerlst .info dl{margin-top:1px; line-height:19px}
.playerlst .info dt,
.playerlst .info dd{float:left}
.playerlst .info dt{width:50px}
.playerlst .info dd{width:calc(100% - 50px); color:#949494}

/* .playerviw{position:relative; min-height:156px; padding-top:13px; padding-left:179px; overflow:hidden} */
.playerviw{position:relative; min-height:166px; padding-top: 4px; padding-left:179px; overflow:hidden}
.playerviw .profile{position:absolute; top:0; left:0; width:169px; height: 100%; /* height:169px */}
.playerviw .profile .thumbs{width:100%; height:100%}
.playerviw .profile .thumbs img {width: 100%; height: 100%; object-fit: cover;}
.playerviw .name{line-height:26px; font-size:14px; font-weight:500; color:#000}
.playerviw dl{line-height:19px}
.playerviw dd{color:#949494}

/* 추가(211103) */
.m_career .career_box {line-height: 1.55; max-height: calc(280px - 12px); padding: 6px 13px; overflow-y: scroll; color: #959595;}
.m_career .career_box strong {font-weight: 500; color: #666; margin-right: .25em;}

.precord .tbl{max-height:186px}
.precord + .fold{margin-left:113px; border-top-left-radius:0; border-top-right-radius:0}
.precord + .fold .icon,
.precord + .fold .icon::after{background-color:#fff}
.precord + .fold .icon{position:relative; margin-right:5px; display:inline-block; vertical-align:middle; width:7px; height:1px; background-color:#fff; transform:translateY(-1px)}
.precord + .fold .icon::after{content:""; position:absolute; top:calc(50% - 3.5px); left:50%; width:1px; height:7px}
.precord + .fold.on .icon::after{display:none}
.precord + .fold .m,
.precord + .fold.on .p{display:none}
.precord + .fold.on .m{display:inline}

.career dl{padding:18px 23px 21px 23px}
.career dl + dl{border-top:1px solid #e7ebf4}
.career dt{line-height:22px; font-size:13px; font-weight:500; color:#000}
.career dd{padding-left:6px; text-indent:-6px; line-height:19px}

.gallery{overflow:hidden}
.gallery .slider img{width:100%}
.gallery .lSAction a{position:absolute; top:calc(50% - 20px); width:33px; height:40px; font-size:0; background-color:rgba(0,0,0,0.85)}
.gallery .lSPrev{left:0; border-radius:0 13px 13px 0}
.gallery .lSNext{right:0; border-radius:13px 0 0 13px}
.gallery .lSAction a::after{content:""; position:absolute; top:calc(50% - 2.5px); width:3px; height:3px; border-top:2px solid #fff; border-right:2px solid #fff}
.gallery .lSPrev::after{left:calc(50% - 2.5px); transform:rotate(-135deg)}
.gallery .lSNext::after{right:calc(50% - 2.5px); transform:rotate(45deg)}

.pchart{padding:23px 20px 10px 20px; font-size:0}
.pchart .wrap,
.pchart .doughnut{display:inline-block}
.pchart .wrap{width:50%}
.pchart .tit{line-height:38px; font-size:13px; font-weight:500}

/* chart */
.column.c1 span,
.bar.c1 .progress > span{background-color:#797f95}
.column.c2 span,
.bar.c2 .progress > span{background-color:#87bbb6}
.bar.c3 .progress > span{background-color:#4e587c}
.bar.c4 .progress > span{background-color:#3da99c}

.column{position:relative}
.column span{position:absolute; right:0; bottom:0; left:0; background-color:#797f95}
.chart:not(.on) .column span{height:0 !important}
.chart.on .column span{animation:column 1s ease-in-out}
@keyframes column {
    0% { height:0 }
}

.bar .progress{position:relative}
.bar .progress > span{position:absolute; top:0; bottom:0}
.chart:not(.on) .bar .progress > span{width:0 !important}
.chart.on .bar .progress > span{animation:bar 1s ease-in-out}
@keyframes bar {
    0% { width:0 }
}

.doughnut{position:relative; width:86px; height:86px; overflow:hidden; background-color:#f2f2f2; border-radius:100%}
.doughnut .quad{display:none; position:absolute; top:0; left:0; width:50%; height:50%; border-radius:100% 0 0 0}
.doughnut .quad.one{z-index:5; transform-origin:bottom right}
.doughnut .quad.two{z-index:2; transform:rotate(90deg); transform-origin:bottom right}
.doughnut .quad.one:before{content:''; position:absolute; top:0; left:100%; margin-left:-1px}
.doughnut .quad.three{z-index:2; transform:rotate(180deg); transform-origin:bottom right}
.doughnut .quad.four{z-index:2; transform:rotate(270deg); transform-origin:bottom right}
.doughnut .quad.top{z-index:10; background-color:#f2f2f2}
.doughnut .quad.top:after{content:''; position:absolute; top:0; right:0; margin-right:-1px}
.doughnut .chart-center{z-index:20; position:absolute; top:5px; left:5px; width:76px; line-height:76px; font-size:13px; font-weight:600; color:#989697; background-color:#fff; border-radius:100%}

.doughnut.on .quad{display:block}
.doughnut.on .quad.one{animation:chartRotate 1s linear}
.doughnut.on .quad.two{animation:chartRotate 0.8s linear}
.doughnut.on .quad.three{animation:chartRotate 1s linear}
.doughnut.on .quad.four{animation:chartRotate 1s linear}

.doughnut.type1 .quad.one,
.doughnut.type1 .quad.two,
.doughnut.type1 .quad.three,
.doughnut.type1 .quad.four{background-color:#797f95}
.doughnut.type2 .quad.one,
.doughnut.type2 .quad.two,
.doughnut.type2 .quad.three,
.doughnut.type2 .quad.four{background-color:#87bbb6}

@keyframes chartRotate {
    0% { transform:rotate(0deg)}
}
@keyframes chartCover {
    0%, 75% { z-index:10 }
    76%, 100% { z-index:1 }
}
.doughnut.on[data-percentage="100"] .quad.top,.doughnut.on[data-percentage="76"] .quad.top,.doughnut.on[data-percentage="77"] .quad.top,.doughnut.on[data-percentage="78"] .quad.top,.doughnut.on[data-percentage="79"] .quad.top,.doughnut.on[data-percentage="80"] .quad.top,.doughnut.on[data-percentage="81"] .quad.top,.doughnut.on[data-percentage="82"] .quad.top,.doughnut.on[data-percentage="83"] .quad.top,.doughnut.on[data-percentage="84"] .quad.top,.doughnut.on[data-percentage="85"] .quad.top,.doughnut.on[data-percentage="86"] .quad.top,.doughnut.on[data-percentage="87"] .quad.top,.doughnut.on[data-percentage="88"] .quad.top,.doughnut.on[data-percentage="89"] .quad.top,.doughnut.on[data-percentage="90"] .quad.top,.doughnut.on[data-percentage="91"] .quad.top,.doughnut.on[data-percentage="92"] .quad.top,.doughnut.on[data-percentage="93"] .quad.top,.doughnut.on[data-percentage="94"] .quad.top,.doughnut.on[data-percentage="95"] .quad.top,.doughnut.on[data-percentage="96"] .quad.top,.doughnut.on[data-percentage="97"] .quad.top,.doughnut.on[data-percentage="98"] .quad.top,.doughnut.on[data-percentage="99"] .quad.top{z-index:1;animation:chartCover 1.05s linear}.doughnut[data-percentage="0"] .quad.one~.quad,.doughnut[data-percentage="1"] .quad.one~.quad,.doughnut[data-percentage="10"] .quad.one~.quad,.doughnut[data-percentage="11"] .quad.one~.quad,.doughnut[data-percentage="12"] .quad.one~.quad,.doughnut[data-percentage="13"] .quad.one~.quad,.doughnut[data-percentage="14"] .quad.one~.quad,.doughnut[data-percentage="15"] .quad.one~.quad,.doughnut[data-percentage="16"] .quad.one~.quad,.doughnut[data-percentage="17"] .quad.one~.quad,.doughnut[data-percentage="18"] .quad.one~.quad,.doughnut[data-percentage="19"] .quad.one~.quad,.doughnut[data-percentage="2"] .quad.one~.quad,.doughnut[data-percentage="20"] .quad.one~.quad,.doughnut[data-percentage="21"] .quad.one~.quad,.doughnut[data-percentage="22"] .quad.one~.quad,.doughnut[data-percentage="23"] .quad.one~.quad,.doughnut[data-percentage="24"] .quad.one~.quad,.doughnut[data-percentage="25"] .quad.one~.quad,.doughnut[data-percentage="3"] .quad.one~.quad,.doughnut[data-percentage="4"] .quad.one~.quad,.doughnut[data-percentage="5"] .quad.one~.quad,.doughnut[data-percentage="6"] .quad.one~.quad,.doughnut[data-percentage="7"] .quad.one~.quad,.doughnut[data-percentage="8"] .quad.one~.quad,.doughnut[data-percentage="9"] .quad.one~.quad{display:none!important}.doughnut[data-percentage="26"] .quad.two~.quad,.doughnut[data-percentage="27"] .quad.two~.quad,.doughnut[data-percentage="28"] .quad.two~.quad,.doughnut[data-percentage="29"] .quad.two~.quad,.doughnut[data-percentage="30"] .quad.two~.quad,.doughnut[data-percentage="31"] .quad.two~.quad,.doughnut[data-percentage="32"] .quad.two~.quad,.doughnut[data-percentage="33"] .quad.two~.quad,.doughnut[data-percentage="34"] .quad.two~.quad,.doughnut[data-percentage="35"] .quad.two~.quad,.doughnut[data-percentage="36"] .quad.two~.quad,.doughnut[data-percentage="37"] .quad.two~.quad,.doughnut[data-percentage="38"] .quad.two~.quad,.doughnut[data-percentage="39"] .quad.two~.quad,.doughnut[data-percentage="40"] .quad.two~.quad,.doughnut[data-percentage="41"] .quad.two~.quad,.doughnut[data-percentage="42"] .quad.two~.quad,.doughnut[data-percentage="43"] .quad.two~.quad,.doughnut[data-percentage="44"] .quad.two~.quad,.doughnut[data-percentage="45"] .quad.two~.quad,.doughnut[data-percentage="46"] .quad.two~.quad,.doughnut[data-percentage="47"] .quad.two~.quad,.doughnut[data-percentage="48"] .quad.two~.quad,.doughnut[data-percentage="49"] .quad.two~.quad,.doughnut[data-percentage="50"] .quad.two~.quad{display:none!important}.doughnut[data-percentage="51"] .quad.three~.quad,.doughnut[data-percentage="52"] .quad.three~.quad,.doughnut[data-percentage="53"] .quad.three~.quad,.doughnut[data-percentage="54"] .quad.three~.quad,.doughnut[data-percentage="55"] .quad.three~.quad,.doughnut[data-percentage="56"] .quad.three~.quad,.doughnut[data-percentage="57"] .quad.three~.quad,.doughnut[data-percentage="58"] .quad.three~.quad,.doughnut[data-percentage="59"] .quad.three~.quad,.doughnut[data-percentage="60"] .quad.three~.quad,.doughnut[data-percentage="61"] .quad.three~.quad,.doughnut[data-percentage="62"] .quad.three~.quad,.doughnut[data-percentage="63"] .quad.three~.quad,.doughnut[data-percentage="64"] .quad.three~.quad,.doughnut[data-percentage="65"] .quad.three~.quad,.doughnut[data-percentage="66"] .quad.three~.quad,.doughnut[data-percentage="67"] .quad.three~.quad,.doughnut[data-percentage="68"] .quad.three~.quad,.doughnut[data-percentage="69"] .quad.three~.quad,.doughnut[data-percentage="70"] .quad.three~.quad,.doughnut[data-percentage="71"] .quad.three~.quad,.doughnut[data-percentage="72"] .quad.three~.quad,.doughnut[data-percentage="73"] .quad.three~.quad,.doughnut[data-percentage="74"] .quad.three~.quad,.doughnut[data-percentage="75"] .quad.three~.quad{display:none!important}.doughnut[data-percentage="0"] .quad.one{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}.doughnut[data-percentage="1"] .quad.one{-webkit-transform:rotate(3.6deg);-moz-transform:rotate(3.6deg);-ms-transform:rotate(3.6deg);-o-transform:rotate(3.6deg);transform:rotate(3.6deg)}.doughnut[data-percentage="2"] .quad.one{-webkit-transform:rotate(7.2deg);-moz-transform:rotate(7.2deg);-ms-transform:rotate(7.2deg);-o-transform:rotate(7.2deg);transform:rotate(7.2deg)}.doughnut[data-percentage="3"] .quad.one{-webkit-transform:rotate(10.8deg);-moz-transform:rotate(10.8deg);-ms-transform:rotate(10.8deg);-o-transform:rotate(10.8deg);transform:rotate(10.8deg)}.doughnut[data-percentage="4"] .quad.one{-webkit-transform:rotate(14.4deg);-moz-transform:rotate(14.4deg);-ms-transform:rotate(14.4deg);-o-transform:rotate(14.4deg);transform:rotate(14.4deg)}.doughnut[data-percentage="5"] .quad.one{-webkit-transform:rotate(18deg);-moz-transform:rotate(18deg);-ms-transform:rotate(18deg);-o-transform:rotate(18deg);transform:rotate(18deg)}.doughnut[data-percentage="6"] .quad.one{-webkit-transform:rotate(21.6deg);-moz-transform:rotate(21.6deg);-ms-transform:rotate(21.6deg);-o-transform:rotate(21.6deg);transform:rotate(21.6deg)}.doughnut[data-percentage="7"] .quad.one{-webkit-transform:rotate(25.2deg);-moz-transform:rotate(25.2deg);-ms-transform:rotate(25.2deg);-o-transform:rotate(25.2deg);transform:rotate(25.2deg)}.doughnut[data-percentage="8"] .quad.one{-webkit-transform:rotate(28.8deg);-moz-transform:rotate(28.8deg);-ms-transform:rotate(28.8deg);-o-transform:rotate(28.8deg);transform:rotate(28.8deg)}.doughnut[data-percentage="9"] .quad.one{-webkit-transform:rotate(32.4deg);-moz-transform:rotate(32.4deg);-ms-transform:rotate(32.4deg);-o-transform:rotate(32.4deg);transform:rotate(32.4deg)}.doughnut[data-percentage="10"] .quad.one{-webkit-transform:rotate(36deg);-moz-transform:rotate(36deg);-ms-transform:rotate(36deg);-o-transform:rotate(36deg);transform:rotate(36deg)}.doughnut[data-percentage="11"] .quad.one{-webkit-transform:rotate(39.6deg);-moz-transform:rotate(39.6deg);-ms-transform:rotate(39.6deg);-o-transform:rotate(39.6deg);transform:rotate(39.6deg)}.doughnut[data-percentage="12"] .quad.one{-webkit-transform:rotate(43.2deg);-moz-transform:rotate(43.2deg);-ms-transform:rotate(43.2deg);-o-transform:rotate(43.2deg);transform:rotate(43.2deg)}.doughnut[data-percentage="13"] .quad.one{-webkit-transform:rotate(46.800000000000004deg);-moz-transform:rotate(46.800000000000004deg);-ms-transform:rotate(46.800000000000004deg);-o-transform:rotate(46.800000000000004deg);transform:rotate(46.800000000000004deg)}.doughnut[data-percentage="14"] .quad.one{-webkit-transform:rotate(50.4deg);-moz-transform:rotate(50.4deg);-ms-transform:rotate(50.4deg);-o-transform:rotate(50.4deg);transform:rotate(50.4deg)}.doughnut[data-percentage="15"] .quad.one{-webkit-transform:rotate(54deg);-moz-transform:rotate(54deg);-ms-transform:rotate(54deg);-o-transform:rotate(54deg);transform:rotate(54deg)}.doughnut[data-percentage="16"] .quad.one{-webkit-transform:rotate(57.6deg);-moz-transform:rotate(57.6deg);-ms-transform:rotate(57.6deg);-o-transform:rotate(57.6deg);transform:rotate(57.6deg)}.doughnut[data-percentage="17"] .quad.one{-webkit-transform:rotate(61.2deg);-moz-transform:rotate(61.2deg);-ms-transform:rotate(61.2deg);-o-transform:rotate(61.2deg);transform:rotate(61.2deg)}.doughnut[data-percentage="18"] .quad.one{-webkit-transform:rotate(64.8deg);-moz-transform:rotate(64.8deg);-ms-transform:rotate(64.8deg);-o-transform:rotate(64.8deg);transform:rotate(64.8deg)}.doughnut[data-percentage="19"] .quad.one{-webkit-transform:rotate(68.4deg);-moz-transform:rotate(68.4deg);-ms-transform:rotate(68.4deg);-o-transform:rotate(68.4deg);transform:rotate(68.4deg)}.doughnut[data-percentage="20"] .quad.one{-webkit-transform:rotate(72deg);-moz-transform:rotate(72deg);-ms-transform:rotate(72deg);-o-transform:rotate(72deg);transform:rotate(72deg)}.doughnut[data-percentage="21"] .quad.one{-webkit-transform:rotate(75.60000000000001deg);-moz-transform:rotate(75.60000000000001deg);-ms-transform:rotate(75.60000000000001deg);-o-transform:rotate(75.60000000000001deg);transform:rotate(75.60000000000001deg)}.doughnut[data-percentage="22"] .quad.one{-webkit-transform:rotate(79.2deg);-moz-transform:rotate(79.2deg);-ms-transform:rotate(79.2deg);-o-transform:rotate(79.2deg);transform:rotate(79.2deg)}.doughnut[data-percentage="23"] .quad.one{-webkit-transform:rotate(82.8deg);-moz-transform:rotate(82.8deg);-ms-transform:rotate(82.8deg);-o-transform:rotate(82.8deg);transform:rotate(82.8deg)}.doughnut[data-percentage="24"] .quad.one{-webkit-transform:rotate(86.4deg);-moz-transform:rotate(86.4deg);-ms-transform:rotate(86.4deg);-o-transform:rotate(86.4deg);transform:rotate(86.4deg)}.doughnut[data-percentage="25"] .quad.one{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.doughnut[data-percentage="26"] .quad.one{-webkit-transform:rotate(93.60000000000001deg);-moz-transform:rotate(93.60000000000001deg);-ms-transform:rotate(93.60000000000001deg);-o-transform:rotate(93.60000000000001deg);transform:rotate(93.60000000000001deg)}.doughnut[data-percentage="27"] .quad.one{-webkit-transform:rotate(97.2deg);-moz-transform:rotate(97.2deg);-ms-transform:rotate(97.2deg);-o-transform:rotate(97.2deg);transform:rotate(97.2deg)}.doughnut[data-percentage="28"] .quad.one{-webkit-transform:rotate(100.8deg);-moz-transform:rotate(100.8deg);-ms-transform:rotate(100.8deg);-o-transform:rotate(100.8deg);transform:rotate(100.8deg)}.doughnut[data-percentage="29"] .quad.one{-webkit-transform:rotate(104.4deg);-moz-transform:rotate(104.4deg);-ms-transform:rotate(104.4deg);-o-transform:rotate(104.4deg);transform:rotate(104.4deg)}.doughnut[data-percentage="30"] .quad.one{-webkit-transform:rotate(108deg);-moz-transform:rotate(108deg);-ms-transform:rotate(108deg);-o-transform:rotate(108deg);transform:rotate(108deg)}.doughnut[data-percentage="31"] .quad.one{-webkit-transform:rotate(111.60000000000001deg);-moz-transform:rotate(111.60000000000001deg);-ms-transform:rotate(111.60000000000001deg);-o-transform:rotate(111.60000000000001deg);transform:rotate(111.60000000000001deg)}.doughnut[data-percentage="32"] .quad.one{-webkit-transform:rotate(115.2deg);-moz-transform:rotate(115.2deg);-ms-transform:rotate(115.2deg);-o-transform:rotate(115.2deg);transform:rotate(115.2deg)}.doughnut[data-percentage="33"] .quad.one{-webkit-transform:rotate(118.8deg);-moz-transform:rotate(118.8deg);-ms-transform:rotate(118.8deg);-o-transform:rotate(118.8deg);transform:rotate(118.8deg)}.doughnut[data-percentage="34"] .quad.one{-webkit-transform:rotate(122.4deg);-moz-transform:rotate(122.4deg);-ms-transform:rotate(122.4deg);-o-transform:rotate(122.4deg);transform:rotate(122.4deg)}.doughnut[data-percentage="35"] .quad.one{-webkit-transform:rotate(126deg);-moz-transform:rotate(126deg);-ms-transform:rotate(126deg);-o-transform:rotate(126deg);transform:rotate(126deg)}.doughnut[data-percentage="36"] .quad.one{-webkit-transform:rotate(129.6deg);-moz-transform:rotate(129.6deg);-ms-transform:rotate(129.6deg);-o-transform:rotate(129.6deg);transform:rotate(129.6deg)}.doughnut[data-percentage="37"] .quad.one{-webkit-transform:rotate(133.20000000000002deg);-moz-transform:rotate(133.20000000000002deg);-ms-transform:rotate(133.20000000000002deg);-o-transform:rotate(133.20000000000002deg);transform:rotate(133.20000000000002deg)}.doughnut[data-percentage="38"] .quad.one{-webkit-transform:rotate(136.8deg);-moz-transform:rotate(136.8deg);-ms-transform:rotate(136.8deg);-o-transform:rotate(136.8deg);transform:rotate(136.8deg)}.doughnut[data-percentage="39"] .quad.one{-webkit-transform:rotate(140.4deg);-moz-transform:rotate(140.4deg);-ms-transform:rotate(140.4deg);-o-transform:rotate(140.4deg);transform:rotate(140.4deg)}.doughnut[data-percentage="40"] .quad.one{-webkit-transform:rotate(144deg);-moz-transform:rotate(144deg);-ms-transform:rotate(144deg);-o-transform:rotate(144deg);transform:rotate(144deg)}.doughnut[data-percentage="41"] .quad.one{-webkit-transform:rotate(147.6deg);-moz-transform:rotate(147.6deg);-ms-transform:rotate(147.6deg);-o-transform:rotate(147.6deg);transform:rotate(147.6deg)}.doughnut[data-percentage="42"] .quad.one{-webkit-transform:rotate(151.20000000000002deg);-moz-transform:rotate(151.20000000000002deg);-ms-transform:rotate(151.20000000000002deg);-o-transform:rotate(151.20000000000002deg);transform:rotate(151.20000000000002deg)}.doughnut[data-percentage="43"] .quad.one{-webkit-transform:rotate(154.8deg);-moz-transform:rotate(154.8deg);-ms-transform:rotate(154.8deg);-o-transform:rotate(154.8deg);transform:rotate(154.8deg)}.doughnut[data-percentage="44"] .quad.one{-webkit-transform:rotate(158.4deg);-moz-transform:rotate(158.4deg);-ms-transform:rotate(158.4deg);-o-transform:rotate(158.4deg);transform:rotate(158.4deg)}.doughnut[data-percentage="45"] .quad.one{-webkit-transform:rotate(162deg);-moz-transform:rotate(162deg);-ms-transform:rotate(162deg);-o-transform:rotate(162deg);transform:rotate(162deg)}.doughnut[data-percentage="46"] .quad.one{-webkit-transform:rotate(165.6deg);-moz-transform:rotate(165.6deg);-ms-transform:rotate(165.6deg);-o-transform:rotate(165.6deg);transform:rotate(165.6deg)}.doughnut[data-percentage="47"] .quad.one{-webkit-transform:rotate(169.20000000000002deg);-moz-transform:rotate(169.20000000000002deg);-ms-transform:rotate(169.20000000000002deg);-o-transform:rotate(169.20000000000002deg);transform:rotate(169.20000000000002deg)}.doughnut[data-percentage="48"] .quad.one{-webkit-transform:rotate(172.8deg);-moz-transform:rotate(172.8deg);-ms-transform:rotate(172.8deg);-o-transform:rotate(172.8deg);transform:rotate(172.8deg)}.doughnut[data-percentage="49"] .quad.one{-webkit-transform:rotate(176.4deg);-moz-transform:rotate(176.4deg);-ms-transform:rotate(176.4deg);-o-transform:rotate(176.4deg);transform:rotate(176.4deg)}.doughnut[data-percentage="50"] .quad.one{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.doughnut[data-percentage="51"] .quad.one{-webkit-transform:rotate(183.6deg);-moz-transform:rotate(183.6deg);-ms-transform:rotate(183.6deg);-o-transform:rotate(183.6deg);transform:rotate(183.6deg)}.doughnut[data-percentage="52"] .quad.one{-webkit-transform:rotate(187.20000000000002deg);-moz-transform:rotate(187.20000000000002deg);-ms-transform:rotate(187.20000000000002deg);-o-transform:rotate(187.20000000000002deg);transform:rotate(187.20000000000002deg)}.doughnut[data-percentage="53"] .quad.one{-webkit-transform:rotate(190.8deg);-moz-transform:rotate(190.8deg);-ms-transform:rotate(190.8deg);-o-transform:rotate(190.8deg);transform:rotate(190.8deg)}.doughnut[data-percentage="54"] .quad.one{-webkit-transform:rotate(194.4deg);-moz-transform:rotate(194.4deg);-ms-transform:rotate(194.4deg);-o-transform:rotate(194.4deg);transform:rotate(194.4deg)}.doughnut[data-percentage="55"] .quad.one{-webkit-transform:rotate(198deg);-moz-transform:rotate(198deg);-ms-transform:rotate(198deg);-o-transform:rotate(198deg);transform:rotate(198deg)}.doughnut[data-percentage="56"] .quad.one{-webkit-transform:rotate(201.6deg);-moz-transform:rotate(201.6deg);-ms-transform:rotate(201.6deg);-o-transform:rotate(201.6deg);transform:rotate(201.6deg)}.doughnut[data-percentage="57"] .quad.one{-webkit-transform:rotate(205.20000000000002deg);-moz-transform:rotate(205.20000000000002deg);-ms-transform:rotate(205.20000000000002deg);-o-transform:rotate(205.20000000000002deg);transform:rotate(205.20000000000002deg)}.doughnut[data-percentage="58"] .quad.one{-webkit-transform:rotate(208.8deg);-moz-transform:rotate(208.8deg);-ms-transform:rotate(208.8deg);-o-transform:rotate(208.8deg);transform:rotate(208.8deg)}.doughnut[data-percentage="59"] .quad.one{-webkit-transform:rotate(212.4deg);-moz-transform:rotate(212.4deg);-ms-transform:rotate(212.4deg);-o-transform:rotate(212.4deg);transform:rotate(212.4deg)}.doughnut[data-percentage="60"] .quad.one{-webkit-transform:rotate(216deg);-moz-transform:rotate(216deg);-ms-transform:rotate(216deg);-o-transform:rotate(216deg);transform:rotate(216deg)}.doughnut[data-percentage="61"] .quad.one{-webkit-transform:rotate(219.6deg);-moz-transform:rotate(219.6deg);-ms-transform:rotate(219.6deg);-o-transform:rotate(219.6deg);transform:rotate(219.6deg)}.doughnut[data-percentage="62"] .quad.one{-webkit-transform:rotate(223.20000000000002deg);-moz-transform:rotate(223.20000000000002deg);-ms-transform:rotate(223.20000000000002deg);-o-transform:rotate(223.20000000000002deg);transform:rotate(223.20000000000002deg)}.doughnut[data-percentage="63"] .quad.one{-webkit-transform:rotate(226.8deg);-moz-transform:rotate(226.8deg);-ms-transform:rotate(226.8deg);-o-transform:rotate(226.8deg);transform:rotate(226.8deg)}.doughnut[data-percentage="64"] .quad.one{-webkit-transform:rotate(230.4deg);-moz-transform:rotate(230.4deg);-ms-transform:rotate(230.4deg);-o-transform:rotate(230.4deg);transform:rotate(230.4deg)}.doughnut[data-percentage="65"] .quad.one{-webkit-transform:rotate(234deg);-moz-transform:rotate(234deg);-ms-transform:rotate(234deg);-o-transform:rotate(234deg);transform:rotate(234deg)}.doughnut[data-percentage="66"] .quad.one{-webkit-transform:rotate(237.6deg);-moz-transform:rotate(237.6deg);-ms-transform:rotate(237.6deg);-o-transform:rotate(237.6deg);transform:rotate(237.6deg)}.doughnut[data-percentage="67"] .quad.one{-webkit-transform:rotate(241.20000000000002deg);-moz-transform:rotate(241.20000000000002deg);-ms-transform:rotate(241.20000000000002deg);-o-transform:rotate(241.20000000000002deg);transform:rotate(241.20000000000002deg)}.doughnut[data-percentage="68"] .quad.one{-webkit-transform:rotate(244.8deg);-moz-transform:rotate(244.8deg);-ms-transform:rotate(244.8deg);-o-transform:rotate(244.8deg);transform:rotate(244.8deg)}.doughnut[data-percentage="69"] .quad.one{-webkit-transform:rotate(248.4deg);-moz-transform:rotate(248.4deg);-ms-transform:rotate(248.4deg);-o-transform:rotate(248.4deg);transform:rotate(248.4deg)}.doughnut[data-percentage="70"] .quad.one{-webkit-transform:rotate(252deg);-moz-transform:rotate(252deg);-ms-transform:rotate(252deg);-o-transform:rotate(252deg);transform:rotate(252deg)}.doughnut[data-percentage="71"] .quad.one{-webkit-transform:rotate(255.6deg);-moz-transform:rotate(255.6deg);-ms-transform:rotate(255.6deg);-o-transform:rotate(255.6deg);transform:rotate(255.6deg)}.doughnut[data-percentage="72"] .quad.one{-webkit-transform:rotate(259.2deg);-moz-transform:rotate(259.2deg);-ms-transform:rotate(259.2deg);-o-transform:rotate(259.2deg);transform:rotate(259.2deg)}.doughnut[data-percentage="73"] .quad.one{-webkit-transform:rotate(262.8deg);-moz-transform:rotate(262.8deg);-ms-transform:rotate(262.8deg);-o-transform:rotate(262.8deg);transform:rotate(262.8deg)}.doughnut[data-percentage="74"] .quad.one{-webkit-transform:rotate(266.40000000000003deg);-moz-transform:rotate(266.40000000000003deg);-ms-transform:rotate(266.40000000000003deg);-o-transform:rotate(266.40000000000003deg);transform:rotate(266.40000000000003deg)}.doughnut[data-percentage="75"] .quad.one{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.doughnut[data-percentage="76"] .quad.one{-webkit-transform:rotate(273.6deg);-moz-transform:rotate(273.6deg);-ms-transform:rotate(273.6deg);-o-transform:rotate(273.6deg);transform:rotate(273.6deg)}.doughnut[data-percentage="77"] .quad.one{-webkit-transform:rotate(277.2deg);-moz-transform:rotate(277.2deg);-ms-transform:rotate(277.2deg);-o-transform:rotate(277.2deg);transform:rotate(277.2deg)}.doughnut[data-percentage="78"] .quad.one{-webkit-transform:rotate(280.8deg);-moz-transform:rotate(280.8deg);-ms-transform:rotate(280.8deg);-o-transform:rotate(280.8deg);transform:rotate(280.8deg)}.doughnut[data-percentage="79"] .quad.one{-webkit-transform:rotate(284.40000000000003deg);-moz-transform:rotate(284.40000000000003deg);-ms-transform:rotate(284.40000000000003deg);-o-transform:rotate(284.40000000000003deg);transform:rotate(284.40000000000003deg)}.doughnut[data-percentage="80"] .quad.one{-webkit-transform:rotate(288deg);-moz-transform:rotate(288deg);-ms-transform:rotate(288deg);-o-transform:rotate(288deg);transform:rotate(288deg)}.doughnut[data-percentage="81"] .quad.one{-webkit-transform:rotate(291.6deg);-moz-transform:rotate(291.6deg);-ms-transform:rotate(291.6deg);-o-transform:rotate(291.6deg);transform:rotate(291.6deg)}.doughnut[data-percentage="82"] .quad.one{-webkit-transform:rotate(295.2deg);-moz-transform:rotate(295.2deg);-ms-transform:rotate(295.2deg);-o-transform:rotate(295.2deg);transform:rotate(295.2deg)}.doughnut[data-percentage="83"] .quad.one{-webkit-transform:rotate(298.8deg);-moz-transform:rotate(298.8deg);-ms-transform:rotate(298.8deg);-o-transform:rotate(298.8deg);transform:rotate(298.8deg)}.doughnut[data-percentage="84"] .quad.one{-webkit-transform:rotate(302.40000000000003deg);-moz-transform:rotate(302.40000000000003deg);-ms-transform:rotate(302.40000000000003deg);-o-transform:rotate(302.40000000000003deg);transform:rotate(302.40000000000003deg)}.doughnut[data-percentage="85"] .quad.one{-webkit-transform:rotate(306deg);-moz-transform:rotate(306deg);-ms-transform:rotate(306deg);-o-transform:rotate(306deg);transform:rotate(306deg)}.doughnut[data-percentage="86"] .quad.one{-webkit-transform:rotate(309.6deg);-moz-transform:rotate(309.6deg);-ms-transform:rotate(309.6deg);-o-transform:rotate(309.6deg);transform:rotate(309.6deg)}.doughnut[data-percentage="87"] .quad.one{-webkit-transform:rotate(313.2deg);-moz-transform:rotate(313.2deg);-ms-transform:rotate(313.2deg);-o-transform:rotate(313.2deg);transform:rotate(313.2deg)}.doughnut[data-percentage="88"] .quad.one{-webkit-transform:rotate(316.8deg);-moz-transform:rotate(316.8deg);-ms-transform:rotate(316.8deg);-o-transform:rotate(316.8deg);transform:rotate(316.8deg)}.doughnut[data-percentage="89"] .quad.one{-webkit-transform:rotate(320.40000000000003deg);-moz-transform:rotate(320.40000000000003deg);-ms-transform:rotate(320.40000000000003deg);-o-transform:rotate(320.40000000000003deg);transform:rotate(320.40000000000003deg)}.doughnut[data-percentage="90"] .quad.one{-webkit-transform:rotate(324deg);-moz-transform:rotate(324deg);-ms-transform:rotate(324deg);-o-transform:rotate(324deg);transform:rotate(324deg)}.doughnut[data-percentage="91"] .quad.one{-webkit-transform:rotate(327.6deg);-moz-transform:rotate(327.6deg);-ms-transform:rotate(327.6deg);-o-transform:rotate(327.6deg);transform:rotate(327.6deg)}.doughnut[data-percentage="92"] .quad.one{-webkit-transform:rotate(331.2deg);-moz-transform:rotate(331.2deg);-ms-transform:rotate(331.2deg);-o-transform:rotate(331.2deg);transform:rotate(331.2deg)}.doughnut[data-percentage="93"] .quad.one{-webkit-transform:rotate(334.8deg);-moz-transform:rotate(334.8deg);-ms-transform:rotate(334.8deg);-o-transform:rotate(334.8deg);transform:rotate(334.8deg)}.doughnut[data-percentage="94"] .quad.one{-webkit-transform:rotate(338.40000000000003deg);-moz-transform:rotate(338.40000000000003deg);-ms-transform:rotate(338.40000000000003deg);-o-transform:rotate(338.40000000000003deg);transform:rotate(338.40000000000003deg)}.doughnut[data-percentage="95"] .quad.one{-webkit-transform:rotate(342deg);-moz-transform:rotate(342deg);-ms-transform:rotate(342deg);-o-transform:rotate(342deg);transform:rotate(342deg)}.doughnut[data-percentage="96"] .quad.one{-webkit-transform:rotate(345.6deg);-moz-transform:rotate(345.6deg);-ms-transform:rotate(345.6deg);-o-transform:rotate(345.6deg);transform:rotate(345.6deg)}.doughnut[data-percentage="97"] .quad.one{-webkit-transform:rotate(349.2deg);-moz-transform:rotate(349.2deg);-ms-transform:rotate(349.2deg);-o-transform:rotate(349.2deg);transform:rotate(349.2deg)}.doughnut[data-percentage="98"] .quad.one{-webkit-transform:rotate(352.8deg);-moz-transform:rotate(352.8deg);-ms-transform:rotate(352.8deg);-o-transform:rotate(352.8deg);transform:rotate(352.8deg)}.doughnut[data-percentage="99"] .quad.one{-webkit-transform:rotate(356.40000000000003deg);-moz-transform:rotate(356.40000000000003deg);-ms-transform:rotate(356.40000000000003deg);-o-transform:rotate(356.40000000000003deg);transform:rotate(356.40000000000003deg)}.doughnut[data-percentage="100"] .quad.one{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}