.loader{display: none;}
.lds-ellipsis {display: inline-block;position: relative;width: 80px; }
.lds-ellipsis div {position: absolute;width: 13px;height: 13px;border-radius: 50%;background: #3739c9;animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis div:nth-child(1) {left: 8px;animation: lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) {left: 8px;animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) {left: 32px;animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) {left: 56px;animation: lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1 {0% {transform: scale(0);}100% {transform: scale(1);}}
@keyframes lds-ellipsis3 {0% {transform: scale(1);}100% {transform: scale(0);}}
@keyframes lds-ellipsis2 {0% {transform: translate(0, 0);}100% {transform: translate(24px, 0);}}
.of-hidden {overflow: hidden;background: #fff;}
/*.hide {display: none !important;}*/
.hide {visibility: hidden !important;}
.wrap-layer-popup .dimmed{opacity:.8;filter:alpha(opacity=80);}
.mt-0{margin-top: 0 !important; }
.mt-5{margin-top: 5px !important; }
.mt-10{margin-top: 10px !important; }
.mt-15{margin-top: 15px !important; }
.mt-20{margin-top: 20px !important; }
.mb-0{margin-bottom: 0 !important; }
.mb-5{margin-bottom: 5px !important; }
.mb-10{margin-bottom: 10px !important; }
.mb-15{margin-bottom: 15px !important; }
.mb-20{margin-bottom: 20px !important; }
.ml-0{margin-left: 0 !important; }
.ml-5{margin-left: 5px !important; }
.ml-10{margin-left: 10px !important; }
.ml-15{margin-left: 15px !important; }
.ml-20{margin-left: 20px !important; }
.mr-0{margin-right: 0 !important; }
.mr-5{margin-right: 5px !important; }
.mr-10{margin-right: 10px !important; }
.mr-15{margin-right: 15px !important; }
.mr-20{margin-right: 20px !important; }
.m-0{margin: 0 !important; }
.m-5{margin: 5px !important; }
.m-10{margin: 10px !important; }
.m-15{margin: 15px !important; }
.m-20{margin: 20px !important; }
.pt-0{padding-top: 0 !important; }
.pt-5{padding-top: 5px !important; }
.pt-10{padding-top: 10px !important; }
.pt-15{padding-top: 15px !important; }
.pt-20{padding-top: 20px !important; }
.pb-0{padding-bottom: 0 !important; }
.pb-5{padding-bottom: 5px !important; }
.pb-10{padding-bottom: 10px !important; }
.pb-15{padding-bottom: 15px !important; }
.pb-20{padding-bottom: 20px !important; }
.pl-0{padding-left: 0 !important; }
.pl-5{padding-left: 5px !important; }
.pl-10{padding-left: 10px !important; }
.pl-15{padding-left: 15px !important; }
.pl-20{padding-left: 20px !important; }
.pr-0{padding-right: 0 !important; }
.pr-5{padding-right: 5px !important; }
.pr-10{padding-right: 10px !important; }
.pr-15{padding-right: 15px !important; }
.pr-20{padding-right: 20px !important; }
.p-0{padding: 0 !important; }
.p-5{padding: 5px !important; }
.p-10{padding: 10px !important; }
.p-15{padding: 15px !important; }
.p-20{padding: 20px !important; }
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.vat {vertical-align: top;}
.vam {vertical-align: middle;}
.vab {vertical-align: bottom;}
.schedule .list td:nth-child(1) em{width: 100%;line-height:5.33vw;color:#fff;font-weight:700; border-radius:0 0 2.66vw 2.66vw;background-color:#e50019; position:absolute;top:0;left:calc(50% - 11vw)}
.cutstr {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block;}
.cutstr2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.cutstr3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#1wrap {background-color: red !important;}
/*#wrap.webview { padding-top: 20vh; margin-top: -10vh}*/
/*#wrap.webview {height: 100vh; padding-top: 64px;}*/
#wrap.webview > header {display: none;}
#wrap.webview table {border-top: 0;}
#wrap.webview .close-head {background: #f1f1f4;padding:6.66vw 16vw}
#wrap.webviewpop {height: 100vh;}
.schedule .list td:nth-child(1) p strong {margin-top: 6px;}
.order .list td:nth-child(3) em {width: 19vw;padding: 3px 0;}
.schedule .list td .progress {width: 18.86vw;}

.order .list td:nth-child(3) em.blue{background-color: #599aeb;}
a.more {display: none;}
#vueapp {display: none;}
select.kd_group, select.kd_round { display: none;}
.search-list .select-wrap select:nth-child(5) {
    width: 48.358%;
}
a.gray {background-color: #ddd !important;color: #999;}
.analysis .chart-wrap {background: none}
.game-box >div .team-logo img {border-radius: 100%;}

.fc-red{color: red;}
.bold{font-weight: bold;}
.tab-wrap.ea3 .tab-menu li{width:25%}
.tab-wrap.ea3 .tab-menu li:first-child{width:25%}
header aside .tab-wrap {margin-top: 0;}
header aside .btn-link {padding-top: 0;border-top:0}
.inp-check.inline .form-ele {display: inline-block;}
.inp-check.ea4 .form-ele {width: 21vw;}
.join .step1 .inp-check input + label {text-align: right;}
header aside .util .btn-alarm em {display:none; position: absolute; background: #3739c9; border-radius: 100%; width: 20px; height: 20px; left: 5px; top: -10px;font-size: 0.7rem; color: #fff; text-align: center;text-indent: 0; line-height: 20px;}
.analysis .brd li div {float: right; position: initial;}
.analysis .brd li strong {margin-top: 4.26vw; font-size: 6.8vw;}
ul.half {width: 100%;overflow: hidden; margin-top: 10vw;}
ul.half li {float:left; width: 50%;}
ul.half li:first-child {margin-top: 5.33vw;}
.btn-profile button {width: 31.33vw;height: 31.33vw;}
.sec-disable {margin: -15.6vw -5.33vw 0 !important;background: #efefef;}
.sec-disable.origin {margin:6.4vw -5.33vw 0 !important;padding:6.66vw 5.33vw 5.33vw; background-color:#f9f9f9}
.result-list li div >p.giveup span:before {content: '기'; background-color: #999}
/*.result-list li div >.inn em{display: block;font-size: 0.8vh;}*/
.player .player-list li a.disable:after {left: 80%;}
.pull-right {float: left;}
.pull-left {float: left;}

#toast-container>div { opacity: 1 !important; margin-top: 10px !important; -webkit-box-shadow: none; box-shadow: none; padding: 10px 0; color: #333; }
#toast-container>.toast-info, #toast-container>.toast-error, #toast-container>.toast-warning, #toast-container>.toast-success { background-image: none !important; }
.toast-info{ background: #028dfe; }
.toast-error{ background: #ff0000; }
.toast-info .toast-message, .toast-error .toast-message, .toast-warning .toast-message, .toast-success .toast-message { color: #fff; }
.toast-message {text-align: center;}

.w100 {width: 100% !important;}
.font-orange {color: #3739c9 !important;}