@charset "utf-8";

* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-print-color-adjust:exact}

.btn-wrap{text-align:center}
.btn-wrap:after{content:'';display:block;clear:both}
.btns{margin-left:1.6vw; width:43.45vw;height:13.33vw; line-height:13.33vw;color:#fff;font-weight:700;letter-spacing:-.5px;text-align:center; border-radius:2.66vw;background-color:#54626f;display:inline-block}
.btns:first-child{margin-left:0}
.btns.orange{color:#fff !important;background-color:#3a3da6 !important}
.btns.gray{color:#767676 !important;background-color:#ddd !important}
.btns.white{color:#333;border-top:.26vw solid #ddd; background-color:#fff}
.btns.yellow{color:#fff;border-top:.26vw solid #ddd; background-color:#ec9d00}
.btns.dark{color:#fff; background-color:#333}
.btns.small{width:18.66vw;height:10.66vw;line-height:10.66vw}
.btns.half{margin-left:0;width:50% !important; float:left}
.btns.half:first-child{border-radius:0 0 0 2.66vw !important}
.btns.half:last-child{border-left:.26vw solid #ddd;border-radius:0 0 2.66vw 0 !important}
.btns.full{width:100% !important; margin-left: 0; margin-top:2vw;}
.btn-btm{position:fixed;bottom:calc(constant(safe-area-inset-bottom) + 5.33vw);bottom:calc(env(safe-area-inset-bottom) + 5.33vw);left:0;right:0}
.btn-full{position:fixed;bottom:0;left:0;right:0;z-index:10}
.btn-full .btns{margin:0;width:100% !important;height:16vw; font-size:4.26vw;line-height:16vw; border-radius:0;box-sizing:content-box;padding:0 0 calc(constant(safe-area-inset-bottom));padding:0 0 calc(env(safe-area-inset-bottom))}
.btn-link .btns{margin:2.13vw 0 0;padding:0 8vw 0 4vw;width:100%; line-height:13.334vw;color:#3739c9;font-weight:700;text-align:left; border:.26vw solid #3739c9;background:#fff url('/static/images/bg_btn_link.png') no-repeat 95.82% center;background-size:1.6vw 2.67vw; border-radius:2.66vw}
.btn-link .btns:first-child{margin-top:0}

select{margin-top:2.13vw;padding:0 8vw 0 2.66vw;width:100%;height:16vw; font-size:3.73vw;color:#191919;font-weight:700; border-radius:2.66vw;border:.26vw solid #191919;background:#fff url('/static/images/select_arrow.png') no-repeat 96.11% center;background-size:2.667vw;box-shadow:1.06vw 1.06vw 3.46vw rgba(0,0,0,.16); -webkit-appearance:none;-moz-appearance:none;appearance:none}
select::-ms-expand{display:none}
select:first-child{margin-top:0}
.select-wrap:after{content:'';display:block;clear:both}
.select-wrap select{margin:2.93vw 0 0 2.93vw;width:48.358%; float:left}
.select-wrap select:nth-child(odd){margin-left:0}
.select-wrap select:nth-child(-n+2){margin-top:0}

table.list{margin-top:8vw}
table.list thead th{padding:4.26vw 0; color:#666;font-weight:500; border-top:.534vw solid #ddd;border-bottom:.534vw solid #ddd}
table.list tbody td{padding:3.2vw 0; color:#767676;font-weight:500;text-align:center}
table.group-list{margin-top:8vw}
table.group-list thead th{padding:4.26vw 0; color:#666;font-weight:500; border-top:.534vw solid #ddd;border-bottom:.534vw solid #ddd}
table.group-list tbody td{padding:3.2vw 0; color:#767676;text-align:left;}
table.group-list tbody td b{text-align:center;}

.team-name{line-height:8.53vw;color:#191919;font-weight:700; text-align:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team-name p{margin-right:2.13vw;width:8.53vw;height:8.53vw; border-radius:100%;background:url('../images/bg_photo.png') no-repeat 0 0;background-size:100%;display:inline-block;position:relative}
.team-name p img{width:100%;height:100%;border-radius:100%}
.team-name p img{width:100%;height:100%;border-radius:100%}
.team-name.master p:before{content:'M';display:block; width:4.8vw; font-size:3.2vw;line-height:4.8vw;color:#fff;font-weight:500;text-align:center; border-radius:100%;background-color:#1d6fb8;position:absolute;bottom:0;right:-1.33vw}

/* .inp-radio, .inp-check */
.inp-radio,
.inp-check{position:relative}
.inp-radio input[type="radio"],
.inp-check input[type="checkbox"]{margin:0;padding:0;width:1px;height:1px; line-height:1;border:0; -webkit-appearance:none;-moz-appearance:none;appearance:none; opacity:0; position:absolute;top:0;left:0}
.inp-radio input + label,
.inp-check input + label{margin-bottom:0 !important;padding-right:8vw; font-size:4.26vw;color:#191919;line-height:6.667vw;font-weight:700; background:url('/static/images/check.png') no-repeat right center;background-size:6.667vw; cursor:pointer; display:inline-block}
.inp-radio input:checked + label,
.inp-check input:checked + label{background-image:url('/static/images/check_on.png')}
.inp-radio .form-ele{margin-left:3.2vw; display:inline-block}
.inp-radio .form-ele:first-child{margin-left:0}

.select-check{margin-right:2.66vw}
.select-check input[type="checkbox"]{margin:0;padding:0;width:1px;height:1px; line-height:1;border:0; -webkit-appearance:none;-moz-appearance:none;appearance:none; opacity:0; position:absolute;top:0;left:0}
.select-check input + label{width:21.33vw;height:10.66vw; border-radius:5.33vw; background-color:#ccc; cursor:pointer; display:inline-block;position:relative}
.select-check input + label:before{content:'';display:block; width:9.067vw;height:9.067vw; border-radius:100%;background-color:#fff; position:absolute;top:.8vw;left:.8vw; transition:all .3s}
.select-check input:checked + label{background-color:#3a3da6}
.select-check input:checked + label:before{left:calc(100% - 9.867vw)}
/* inp-box */
.inp-box{width:100%; vertical-align:middle; display:inline-block}
.inp-box input[type="text"],
.inp-box input[type="password"],
.inp-box input[type="tel"],
.inp-box input[type="number"]{width:100%;height:10.66vw; font-size:4.26vw;color:#191919;line-height:10.66vw;font-weight:700; border:0;border-bottom:.534vw solid #ddd}
.inp-box input[type="text"]::placeholder,
.inp-box input[type="tel"]::placeholder,
.inp-box input[type="password"]::placeholder,
.inp-box input[type="number"]::placeholder{font-size:3.73vw;color:#a1a1a1}
.inp-box input:disabled{background-color:transparent}
.inp-box.button{padding:2.66vw 24vw 2.66vw 2.66vw;width:100%;height:16vw; font-size:3.73vw;color:#191919;font-weight:700; border-radius:2.66vw;border:.26vw solid #191919;position:relative}
.inp-box.button input{font-size:3.73vw; border:0}
.inp-box.button .btns{position:absolute;top:2.66vw;right:2.66vw}

/* tab menu */
.tab-wrap{width:100%;position:relative}
.tab-menu:after{content:'';display:block;clear:both}
.tab-menu li{float:left; text-align:center}
.tab-menu li >a{display:block; border-bottom:solid .534vw #ddd; padding:2.66vw 0; color:#999;font-weight:700}
.tab-menu li.active >a{border-color:#3739c9; color:#3739c9; transition:all .3s}
.tab-menu li:first-child a{margin-left:0 !important}
.tab-wrap.ea2 .tab-menu li{width:50%}
.tab-wrap.ea3 .tab-menu li{width:33.3%}
.tab-wrap.ea3 .tab-menu li:first-child{width:33.4%}

.tab-inner{margin:0 auto;width:100%}
.tab-wrap.full .tab-menu{margin:0 -5.33vw}
/* accordion menu */
.accordion{width:100%}
.accordion > li a{background-color:#ddd;display:block}
.accordion .toggle-ele{display:none}
.accordion > li.state-on a{background-color:#54626f}
/* common */
h2{font-size:4.26vw;color:#191919;font-weight:700}
h3{margin-top:8vw;padding-bottom:2.93vw; font-size:4.26vw;color:#191919;font-weight:700; border-bottom:.534vw solid #ddd}
h3.no-line{margin-top:0;padding-bottom:0;border-bottom:0}

.btn-icon{display:flex;flex-direction:row;justify-content:space-between}
.btn-icon a{padding-top:13.33vw;width:20.267vw;height:20.267vw; color:#fff;font-weight:500;text-align:center; box-shadow:.534vw .8vw 1.6vw rgba(0,0,0,.1);border-radius:2.66vw;background-color:#3a3da6 !important;background-size:8.53vw !important}
.btn-icon .btn-teamInfo{background:url('/static/images/icon_teamInfo.png') no-repeat center 3.2vw}
.btn-icon .btn-league{background:url('/static/images/icon_league.png') no-repeat center 3.2vw}
.btn-icon .btn-schedule{background:url('/static/images/icon_schedule.png') no-repeat center 3.2vw}
.btn-icon .btn-result{background:url('/static/images/icon_result.png') no-repeat center 3.2vw}

.btn-profile{padding:5.33vw 0;text-align:center}
.btn-profile button{width:21.33vw;height:21.33vw; border:.26vw solid #ddd;border-radius:100%;background:url('/static/images/bg_photo.png') no-repeat 0 0;background-size:100%;position:relative}
.btn-profile button img{width:100%;height:100%;border-radius:100%}
.btn-profile button span{display:none}
.btn-profile button:after{content:'';display:block; width:6.13vw;height:6.13vw; border:.26vw solid #ddd;border-radius:100%;background:url('/static/images/icon_profile.png') no-repeat 0 0;background-size:100%;position:absolute;bottom:0;right:0}
.btn-profile >strong{margin-top:4vw; font-size:4.26vw;display:block}
.btn-profile >p{margin-top:1.33vw; color:#999}

.league{margin-top:8vw;padding:3.73vw 14.66vw 3.73vw 3.2vw; line-height:5.86vw;color:#191919;font-weight:500; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background-color:#ddd;position:relative}
.league em{margin-right:2.13vw;width:5.86vw; font-size:3.2vw;line-height:5.86vw;color:#fff;font-weight:700;text-align:center;vertical-align:middle; border-radius:100%;background-color:#3a3da6; display:inline-block}
.league >strong{font-size:5.33vw;font-weight:700; position:absolute;top:3.73vw;right:3.46vw}
.league >div{vertical-align:middle;display:inline-block}
.league >div strong{color:#191919;font-weight:500}
.league >div p{margin-top:0vw; color:#767676;font-weight:400}
.league >div p > span +span{margin-left:1.33vw;padding-left:1.33vw; position:relative}
.league >div p > span +span:before{content:'';display:block; width:.26vw;height:60%;background-color:#999; position:absolute;top:25%;left:0}

.record-wrap:after{content:'';display:block;clear:both}
.record-wrap .record-box{margin:2.93vw 0 0 2.93vw;width:48.35%;height:24vw; float:left;justify-content:center}
.record-wrap .record-box:nth-child(odd){margin-left:0}
.record-wrap .record-box:nth-child(-n+2){margin-top:0}

.record-box{padding:6.4vw; border-radius:2.66vw;box-shadow:1.06vw 1.06vw 3.46vw rgba(0,0,0,.1);background-color:#fff}
.record{text-align:center; display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.record p{margin:0 auto;color:#767676;font-weight:700}
.record strong{margin-bottom:1.06vw; font-size:4.8vw;color:#191919;letter-spacing:-.5px; display:block}

.txt{line-height:1.4;color:#191919;letter-spacing:-.5px;word-break:keep-all}
.txt strong{font-weight:700}

.noti{margin-top:2.66vw; color:#999;letter-spacing:-.5px; display:block}
.noti.check-not{color:#e50019}
.noti.check-ok{color:#1d6fb8}
.notify{color:#999;text-align:center; position:fixed;left:0;right:0;bottom:calc(constant(safe-area-inset-bottom) + 21.33vw);bottom:calc(env(safe-area-inset-bottom) + 21.33vw)}

/* layer popup */
.wrap-layer-popup{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; overflow:auto}
.wrap-layer-popup .dimmed{width:100%;height:100%; background:#000;opacity:.5;filter:alpha(opacity=50); position:absolute;top:0;left:0}
.wrap-layer-popup .loop{height:0;width:0;position:absolute;overflow:hidden;clip:rect(1px 1px 1px 1px)}
.pop-layer{width:89.33vw;height:auto; border-radius:2.66vw;background-color:#fff;overflow:hidden; display:block;position:absolute;top:50%;left:50%;z-index:10}
.pop-layer .pop-cont{padding:8vw 2.93vw; font-size:4.8vw;line-height:1.3;color:#191919;text-align:center}
.pop-layer .pop-cont p{font-size:3.73vw;color:#767676}
.pop-layer .pop-cont p +strong{margin-top:2.66vw; font-size:4.26vw;font-weight:700;color:#191919; display:inline-block}
.pop-layer .pop-cont .detail{margin-top:4.8vw;padding:3.73vw 0 3.46vw; background-color:#ededed}
.pop-layer .pop-cont .detail strong{font-size:4.26vw;font-weight:700;color:#191919}
.pop-layer .pop-cont .detail p{margin-top:1.86vw; font-size:3.73vw;font-weight:500;color:#767676}
.pop-layer .btn-wrap .btns{width:100%; border-radius:0 0 2.66vw 2.66vw}

/* layout */
#wrap{position:relative}
#wrap header{padding:calc(constant(safe-area-inset-top) + 5.86vw) 16vw 5.33vw;padding:calc(env(safe-area-inset-top) + 5.86vw) 16vw 5.33vw;min-height:17.067vw; background-color:#fff; position:sticky;top:0;z-index:5000;}
#wrap header.close-head{padding:calc(constant(safe-area-inset-top) + 5.86vw) 16vw 5.33vw 5.33vw;padding:calc(env(safe-area-inset-top) + 5.86vw) 16vw 5.33vw 5.33vw}
header h1{font-size:4.8vw;line-height:5.867vw;color:#fff;font-weight:700;letter-spacing:-1px}
header .btn-back{width:3.2vw;height:5.86vw; text-indent:-9999px; background:url('../images/btn_back.png') no-repeat 0 center;background-size:100%; position:absolute;top:calc(constant(safe-area-inset-top) + 5.86vw);top:calc(env(safe-area-inset-top) + 5.86vw);left:5.33vw}
header .btn-close{width:4.26vw;height:4.26vw; line-height:1;text-indent:-9999px; background:url('/static/images/btn_close.png') no-repeat center;background-size:100%; position:absolute;top:calc(constant(safe-area-inset-top) + 6.66vw);top:calc(env(safe-area-inset-top) + 6.66vw);right:5.33vw}
header .btn-close02{background-image:url('/static/images/btn_close02.png')}
header .btn-menu{width:7.2vw;height:7.2vw; position:absolute;top:calc(constant(safe-area-inset-top) + 5.33vw);top:calc(env(safe-area-inset-top) + 5.33vw);right:4.53vw}
header .btn-menu span{width:5.33vw;height:.53vw; border-radius:.267vw;background-color:#fff; position:absolute;right:.8vw;transition: all .3s linear}
header .btn-menu span::before{content:""; position:absolute;width:0;height:100%;top:0;right:0;background:gray;transition:all .3s linear}
header .btn-menu span:nth-of-type(1){top:1.33vw}
header .btn-menu span:nth-of-type(2){top:3.2vw;width:4.26vw}
header .btn-menu span:nth-of-type(3){top:5.06vw}
header .btn-menu:focus span::before,.btn-menu:hover span::before{width:100%;transition:all .3s linear}
#wrap.dark header{background-color:#333}
#wrap.dark header .btn-back{background:url('/static/images/btn_back.png') no-repeat 0 center;background-size:100%}
#wrap.dark header .btn-menu span{background-color:#fff}

header aside{width:100%; background-color:#fff; position:absolute;top:0;left:100%;right:0;z-index:1000; display:none;background-color:#333}
header aside .util{padding:calc(constant(safe-area-inset-top) + 5.86vw) 5.33vw 5.33vw;padding:calc(env(safe-area-inset-top) + 5.86vw) 5.33vw 5.33vw;min-height:17.067vw; background-color:#333;position:relative}
header aside .util .btn-back{width:3.2vw;height:5.86vw; text-indent:-9999px; background:url('../images/btn_back.png') no-repeat 0 center;background-size:100%;top:calc(constant(safe-area-inset-top) + 5.86vw);top:calc(env(safe-area-inset-top) + 5.86vw)}
header aside .util a{width:4.26vw;height:5.33vw; text-indent:-9999px; background-size:100% !important;position:absolute;top:calc(constant(safe-area-inset-top) + 6.13vw);top:calc(env(safe-area-inset-top) + 6.13vw)}
header aside .util .btn-home{background:url('../images/btn_home.png') no-repeat 0 0; left:89.33vw}
/*header aside .util .btn-alarm{background:url('/static/images/btn_alarm.png') no-repeat 0 0; left:79.73vw}*/
/*header aside .util .btn-setting{width:5.33vw; background:url('/static/images/btn_setting.png') no-repeat 0 0; left:89.33vw}*/
header aside .scroll-wrap{height:calc(100vh - 31.067vw); overflow-y:scroll;background-color:#fff}
header aside .myinfo{padding:2.13vw 26.66vw 5.33vw 5.33vw; background-color:#333;position:relative}
header aside .myinfo:after{content:'';display:block;clear:both}
header aside .myinfo .photo{margin-right:2.13vw;width:16vw;height:16vw; border-radius:100%;background:#ddd url('/static/images/bg_photo.png') no-repeat 0 0;background-size:100%; float:left}
header aside .myinfo .photo img{width:100%;height:100%;border-radius:100%}
header aside .myinfo em{font-size:4.26vw;line-height:2;color:#fff;font-weight:700}
header aside .myinfo p{line-height:1.5;color:#fff; white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
header aside .myinfo button{width:20vw;height:10.67vw; color:#fff;font-weight:700; border-radius:2.66vw;background-color:#3a3da6; position:absolute;top:4.8vw;right:5.33vw}
header aside .tab-wrap{margin-top:6.4vw}
header aside .tab-inner{padding:8vw 5.33vw 0}
header aside .btn-link{margin:8vw 5.33vw 0;padding-top:8vw; border-top:solid .534vw #ddd}
header aside nav{padding:9.33vw 5.33vw calc(constant(safe-area-inset-bottom) + 9.33vw);padding:9.33vw 5.33vw calc(env(safe-area-inset-bottom) + 9.33vw)}
header aside nav:after{content:'';display:block;clear:both}
header aside nav h3{margin:0 0 3.2vw; letter-spacing:-.5px}
header aside nav >div{padding-bottom:3.73vw;width:100%; float:left}
header aside nav >div:nth-child(odd){padding-left:5.33vw; border-left:solid .267vw #ddd}
/*header aside nav >div:nth-child(even){padding-right:5.33vw}*/
header aside nav >div:nth-child(n+4){border-top:solid .267vw #ddd}
header aside nav strong{padding:6.66vw 0 3.73vw; color:#666;font-weight:500;letter-spacing:-.5px;display:block}
header aside nav >div a{padding:3.46vw 0 3.73vw; font-size:4.26vw;font-weight:700;letter-spacing:-.5px; background:url('/website/static/mobile/images/bg_btn_nav.png') no-repeat 99.4% center;background-size:1.6vw 2.67vw; display:block}
#wrap .container{padding:2.66vw 5.33vw 8vw;position:relative}
#wrap .container.btnFull{padding-bottom:32vw}
/* main */
#wrap.main{background-color:#f1f1f4}
/*#wrap.main:before{content:''; height:calc(constant(safe-area-inset-top) + 70.66vw);height:calc(env(safe-area-inset-top) + 70.66vw); background-color:#333; position:absolute;top:0;left:0;right:0}*/
#wrap.main header{padding:calc(constant(safe-area-inset-top) + 5.33vw) 4vw 5.33vw;padding:calc(env(safe-area-inset-top) + 5.33vw) 4vw 5.33vw; background-color:#333; position:sticky;top:0;z-index:9999}
#wrap.main header h1{width:39.2vw;height:7.2vw; text-indent:-9999px; background:url('../images/logo.png') no-repeat 0 0;background-size:100%}
#wrap.main header .btn-menu span{background-color:#fff}
#wrap.main .container{padding:0 3.2vw}
#wrap.main .banner-wrap{margin:0 -3.2vw; overflow:hidden}
#wrap.main .banner-wrap .swiper-slide{margin:0 1.6vw;width:87.2vw;height:73.33vw; color:#fff}
#wrap.main .banner-wrap .swiper-slide img{width:100%;height:100%; border-radius:2.66vw}
#wrap.main .banner-wrap .pagination{margin-top:2.66vw;height:2.66vw; text-align:center}
#wrap.main .banner-wrap .pagination .swiper-pagination-bullet{width:2.66vw;height:2.66vw}
#wrap.main .banner-wrap .pagination .swiper-pagination-bullet-active{background-color:#3a3da6;}
#wrap.main .banner-wrap +.info-box{margin-top:8vw}

.sec-league{margin-top:9.33vw}
.sec-league h2{padding-left:3.2vw}
.sec-league .btn-icon{margin-top:6.4vw}

.info-box{margin-top:2.66vw;padding:4vw 3.2vw 0; border-radius:2.66vw;box-shadow:1.06vw 1.06vw 3.46vw rgba(0,0,0,.16);background-color:#fff;position:relative}
.info-box >em{margin-bottom:4.26vw;padding:1.33vw 2.13vw;color:#fff;font-weight:700; border-radius:.8vw;background-color:#ec9d00;display:inline-block}
.info-box >.master{background-color:#1d6fb8}
.info-box .my{padding-right:35vw; position:relative}
.info-box .my:after{content:'';display:block;clear:both}
.info-box .my .photo{margin-right:2.13vw;width:16vw;height:16vw; border-radius:100%;background:#ddd url('/static/images/bg_photo.png') no-repeat 0 0;background-size:100%; float:left;position:relative}
.info-box .my .photo >img{width:100%;height:100%;border-radius:100%}
.info-box .my .photo >span{padding-top:.26vw;width:5.86vw;height:5.86vw; font-size:3.2vw;line-height:5.86vw;color:#fff;font-weight:500;text-align:center; border-radius:100%;background-color:#3a3da6;display:inline-block;position:absolute;bottom:0;left:0}
.info-box .my >em{font-size:4.26vw;line-height:2;color:#191919;font-weight:700}
.info-box .my >p{line-height:1.5;color:#767676; white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.info-box .my .record{width:35vw;height:16vw; position:absolute;top:0;right:0}
.info-box .member .photo{margin:0 0 0 -2.4vw; width:6.93vw;height:6.93vw; border-radius:100%;border:.26vw solid #fff;background:#ddd url('/static/images/bg_photo.png') no-repeat 0 0;background-size:100%;display:inline-block}
.info-box .member .photo img{width:100%;height:100%;border-radius:100%}
.info-box .member .photo:first-child{margin:0}
.info-box .member p{margin-left:1.33vw; font-size:4.26vw;line-height:6.93vw;font-weight:500; display:inline-block}
.info-box .btn-icon{margin-top:6.4vw}
.info-box .notice{padding:6.13vw 0 10.66vw;text-align:center}
.info-box .notice p{padding:1.33vw 5.33vw 1.6vw; border-radius:4vw;border:.26vw solid #333;box-shadow:.53vw .53vw 1.06vw rgba(0,0,0,.2); display:inline-block}
.info-box .notice p em{color:#3739c9;font-weight:700;text-decoration:underline}
.info-box .btn-wrap{margin-top:4.26vw}
.info-box .btn-wrap .small{ width:42.13vw}
.info-box .btm{margin:5.86vw -3.2vw 0; border-radius:0 0 2.66vw 2.66vw;overflow:hidden; position:relative}
.info-box .btm.noti{margin-top:4vw; border-top:.534vw solid #eee}
.info-box .btm.noti a{padding:4.26vw 0; text-align:center;font-weight:500; display:block}
.info-box .btm.noti a:after{content:'';display:inline-block; margin-left:1.6vw;width:1.6vw;height:2.66vw; background:url('/static/images/bg_btn_link02.png') no-repeat 0 0;background-size:100%}
.info-box .btm.noti a em{color:#3739c9;font-weight:700;text-decoration:underline}
.info-box .btm.league{padding:0 14.66vw 0 3.46vw;height:13.33vw; background-color:#ddd; display:flex;flex-direction:row;align-items:center}
.info-box .btm.league >div{padding:2.13vw 0 2.13vw 8vw; color:#191919;font-weight:500; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; position:relative}
.info-box .btm.league >div:before{content:'';display:inline-block; width:5.86vw;height:5.86vw; box-shadow:.53vw .53vw 1.06vw rgba(0,0,0,.2);border-radius:100%;background:url('/static/images/bul_ball.png') no-repeat 0 0;background-size:100%; position:absolute;top:calc(50% - 2.93vw);left:0}
.info-box .league.pocket >div:before{background-image:url('/static/images/bul_ball02.png')}
.info-box .btm.league >strong{font-size:5.33vw;font-weight:700; position:absolute;top:3.46vw;right:3.46vw}
.info-box .btm.no-league{padding-right:34.66vw}
.info-box .btm.no-league >div{color:#999}
.info-box .btm.no-league >div p{line-height:1;color:#e50019;font-weight:700; display:block}
.info-box .btm.no-league .btns{width:32vw; text-align:center; border-radius:0 0 2.66vw 0;position:absolute;top:0;right:0}
.info-box .btm.btn-wrap{margin-top:0}
.info-box .btm.btn-wrap .btns{width:100%; border-radius:0 0 2.66vw 2.66vw}

.individual{margin:8vw -3.2vw 0;padding:7.2vw 3.2vw 6.4vw; background-color:#333}
.individual h2{color:#fff}
.individual h3{margin-top:6.13vw;padding-left:3.2vw; font-size:3.734vw;color:#fff}
.individual .record-box{margin-top:3.73vw}
.individual .btn-icon{padding:0 3.2vw}

/*#wrap.main .sponsor{margin:8vw -3.2vw 0;padding:7.2vw 3.2vw 6.4vw; background-color:#fff}*/
/*#wrap.main .sponsor ul{margin:4.26vw 0 0 .26vw}*/
/*#wrap.main .sponsor ul:after{content:'';display:block;clear:both}*/
/*#wrap.main .sponsor li{width:33.33%; margin:-.26vw 0 0 -.26vw;border:.26vw solid #ededed; float:left}*/
/*#wrap.main .sponsor li img{width:100%}*/

/* login */
#wrap.login:before{content:'';height:calc(env(safe-area-inset-top) + 64.134vw);background-color:#333; position:absolute;top:0;left:0;right:0}
#wrap.login .container{padding-top:calc(constant(safe-area-inset-top) + 6.66vw);padding-top:calc(env(safe-area-inset-top) + 10.66vw)}
.login .contents{text-align:center}
.login .contents h1{margin:0 auto;width:36.26vw;height:40.93vw; text-indent:-9999px; background:url('/static/images/login_logo_div.png') no-repeat 0 0;background-size:100%}
.login .contents .noti{margin-top:4vw; padding:3.73vw 0; line-height:1.4;color:#3739c9;font-weight:700; border-radius:2.66vw;box-shadow:1.06vw 1.06vw 3.46vw rgba(0,0,0,.1);background-color:#fff}
.login .contents form{margin:4vw 3.46vw 0}
.login .contents form .inp-box input[type="text"],
.login .contents form .inp-box input[type="password"]{height:13.33vw;line-height:13.33vw}
.login .contents .btn-wrap{margin-top:5.33vw}
.login .contents .btn-wrap a{padding:0 2.66vw 0 3.46vw; color:#767676;letter-spacing:-.5px; display:inline-block;position:relative}
/*.login .contents .btn-wrap a:before{content:'';display:block;width:.26vw;height:50%;background-color:#f2f2f2; position:absolute;top:25%;left:0}*/
/*.login .contents .btn-wrap a:first-child:before{display:none}*/
.btn-wrap.ea2 .btns {width: 39.5vw;}

/* join */
.pw-change .contents h1,
.join .contents h1{font-size:6.4vw;line-height:1;color:#191919;font-weight:700;letter-spacing:-1px}
.join .step-box{margin-top:5.33vw;padding:5.33vw 0; border-radius:2.66vw;box-shadow:1.06vw 1.06vw 3.46vw rgba(0,0,0,.1)}
.join .step-box ul{padding-bottom:5.33vw}
.join .step-box ul:after{content:'';display:block;clear:both}
.join .step-box li{width:25%; text-align:center; float:left;position:relative}
.join .step-box li p{line-height:8vw;color:#999; border-radius:1.06vw; display:inline-block;position:relative}
.join .step-box li:before{content:'';display:block; width:1.6vw;height:1.6vw; border-radius:100%; border:.534vw solid #ddd;background-color:#ddd;position:absolute;top:10.66vw;left:calc(50% - 1.33vw);z-index:1}
.join .step-box li:after{content:'';display:block; width:100%;height:.534vw; background-color:#ddd; position:absolute;top:11.73vw;left:-50%}
.join .step-box li:first-child:after{display:none}
.join .step-box li.prev p{color:#3739c9}
.join .step-box li.prev:before{border-color:#3739c9;background-color:#3a3da6}
.join .step-box li.prev:after{background-color:#3a3da6}
.join .step-box li.active:before{border-color:#3739c9;background-color:#fff}
.join .step-box li.active:after{background-color:#3a3da6}
.join .step-box li.active p{padding:0 1.33vw; color:#fff;background-color:#3a3da6}
.join .step-box li.active p:after{content:'';display:block; width:0;height:0; border-top:1.06vw solid #3739c9;border-right:.8vw solid transparent;border-left:.8vw solid  transparent; position:absolute;top:100%;left:calc(50% - .8vw)}

.join .step1 .inp-check{margin-top:4vw}
.join .step1 .inp-check input + label{font-size:3.734vw;color:#454545;font-weight:400; display:block}
.join .step1 .step-box +.inp-check{margin-top:8vw}
.join .step1 .step-box +.inp-check  input + label{color:#191919}
.join .step1 .terms-box{margin-top:2.13vw;padding:4vw 2.66vw;height:53.33vw; border-radius:2.66vw;border:.26vw solid #ddd;overflow-y: scroll}
.join .step1 .terms-box pre{font-size: 3vw; line-height: 4vw;color: #414141;white-space: break-spaces;}
.join .step1 .noti{margin-top:6.66vw; color:#191919;text-align:center}
.join .step2 >p{margin-top:8.8vw; line-height:1.4;color:#191919;letter-spacing:-.5px;word-break:keep-all}
.join .step3 h2{font-weight:500}
.join .step3 h2 +ul{margin-top:5.33vw}
.join .step4{text-align:center}
.join .step4 .step-box +div{margin-top:19.73vw;padding-bottom:40vw; font-size:8.53vw; background:url('/static/images/join_logo.png') no-repeat center bottom;background-size:59.73vw 33.33vw}
.join .step4 .step-box +div strong{margin-top:.53vw; display:block}
form >div{margin-top:9.6vw}
form >div:first-child{margin-top:0}
form >div li{margin-top:5.33vw}
/*form >div li:first-child{margin-top:0}*/
form >div li label{margin-bottom:1.6vw; color:#767676;font-weight:500; display:inline-block}
form >div li label em{color:#e50019}
form .pw .noti:before{content:'';display:inline-block; width:3.73vw;height:3.73vw;margin-right:1.33vw; border-radius:100%; vertical-align:middle}
form .pw .noti.check-not:before{background:#e50019 url('/static/images/noti_not.png') no-repeat center;background-size:100%}
form .pw .noti.check-ok:before{background:#1d6fb8 url('/static/images/noti_ok.png') no-repeat center;background-size:100%}
.certify >button{margin-top:4vw;padding:0 7.46vw 0 30.13vw;width:100%;height:32vw; font-size:3.46vw;letter-spacing:-.5px;text-align:left; border-radius:0 2.66vw 2.66vw 2.66vw;border:.26vw solid #c2d3e6;background-color:#f4f7fe;display:block;position:relative}
.certify >button:before{content:'';display:block; width:18.66vw;height:18.66vw; border-radius:2.66vw;box-shadow: 0 .8vw 1.6vw 0 rgba(0, 0, 0, 0.16);position:absolute;top:calc(50% - 9.33vw);left:5.33vw}
.certify >button strong{font-size:4.26vw;color:#191919}
.certify >button p{color:#767676;line-height:1.3}
.certify >button span{margin-top:2.4vw;padding-left:2.66vw;text-indent:-2.66vw; color:#999; display:inline-block}
.certify >.btn-phone{margin-top:6.4vw}
.certify >.btn-phone:before{background:#fff url('/static/images/img_phone.png') no-repeat center;background-size:9.06vw 13.6vw}
.certify >.btn-ipin:before{background:#fff url('/static/images/img_ipin.png') no-repeat center;background-size:12.53vw 14.66vw}
.sec-disable{margin:6.4vw -5.33vw 0 !important;padding:6.66vw 5.33vw 5.33vw; background-color:#f9f9f9}
.sec-disable div{font-size:4.26vw;color:#191919;line-height:9.86vw;font-weight:700}
.sec-disable div .btns{color:#999; border:.26vw solid #ddd;background-color:#fff; float:right}
.join .select-wrap{margin-top:2.13vw}
.join .inp-radio{padding-top:2.13vw}
form >div.phone-authentic{margin-top:9.6vw}
.phone-authentic h2{font-size:3.73vw;font-weight:400}
.phone-authentic label{display:none}
.phone-authentic select{border-color:#ddd;background-image:url('/static/images/select_arrow02.png')}
.phone-authentic .inp-box{margin-top:2.13vw;border-color:#ddd}
.phone-authentic .inp-box .btns{color:#999; border:.26vw solid #ddd;background-color:#fff}
.join .btn-wrap{margin-top:5.06vw}
.join .btn-wrap .btns{width:50.4vw}
.join .btn-wrap .btns:first-child{width:36.26vw}
/* pw Change */
.pw-change .contents >p{margin-top:6.13vw}
.pw-change .sec-disable .noti{margin-top:0}
/* analysis */
.analysis .tab-wrap{margin-top:7.46vw}
.analysis .my{margin-top:2.13vw; display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.analysis .my >p{line-height:1.5;color:#767676;font-weight:500; white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.analysis .my .record{width:37.33vw;height:16vw; justify-content:space-around}
.analysis .record-wrap{margin-top:1.06vw}
.analysis .record-box{border:.26vw solid #ddd; box-shadow:none}
.analysis .chart-wrap{width:100%;height:93.33vw; background:url('/static/images/temp_chart.png') no-repeat center;background-size:100%}
.analysis .brd{margin-top:5.33vw}
.analysis .brd:after{content:'';display:block;clear:both}
.analysis .brd li{margin:2.66vw 0 0 2.93vw;padding:3.46vw 2.66vw 3.73vw;width:48.35%;height:24vw; border-radius:2.66vw;border:.26vw solid #ddd; float:left;position:relative}
.analysis .brd li:nth-child(even){margin-left:0}
.analysis .brd li:first-child{margin:0;width:100%}
.analysis .brd li em{font-size:3.2vw;color:#767676;font-weight:500}
.analysis .brd li div{font-weight:700;text-align:right; position:absolute;bottom:3.73vw;right:2.66vw}
.analysis .brd li p{color:#797979}
.analysis .brd li strong{margin-top:.26vw;font-size:4.8vw;color:#191919; display:block}
/* team */
.team h2{margin-top:7.2vw}
.team h2 +.list{margin-top:2.93vw}
.team .btn-profile{padding-top:0}
.team .sec-disable .noti{margin-top:0}
.team .join-result{padding-top:21.33vw; text-align:center; background:url('/static/images/bg_join_result.png') no-repeat 0 0;background-size:100%}
.team .team-logo{margin:0 auto;width:21.33vw;height:21.33vw; overflow:hidden; border:.26vw solid #ddd;border-radius:100%;background:url('/static/images/bg_photo.png') no-repeat 0 0;background-size:100%}
.team .team-logo img{width:100%;height:100%}
.team .join-result >h1{margin-top:5.33vw; font-size:6.4vw;line-height:1.3;color:#191919;font-weight:400}
.team .join-result >h1 strong{color:#3739c9;font-weight:700; display:block}
.team .join-result >p{margin-top:4.26vw; font-size:3.2vw; color:#767676}
.team .join-result .date{margin-top:8.8vw;padding:1.6vw 3.46vw; font-size:3.73vw;color:#ec9d00;font-weight:700; border-radius:4vw;border:.26vw solid #ec9d00; display:inline-block}

.team-info:before{content:''; height:calc(constant(safe-area-inset-top) + 56vw);height:calc(env(safe-area-inset-top) + 56vw);background-color:#333; position:absolute;top:0;left:0;right:0}
#wrap.team-info header{background-color:#333}
#wrap.team-info header .btn-back{background:url('/static/images/btn_back.png') no-repeat 0 center;background-size:100%}
#wrap.team-info header .btn-menu span{background-color:#fff}
.team-info .info-box{margin-top:10.66vw;padding-top:13.33vw; text-align:center}
.team-info .info-box .team-logo{position:absolute;top:-10.66vw;left:calc(50% - 10.66vw)}
.team-info .info-box .team-member strong{font-size:6.4vw;color:#191919;font-weight:700}
.team-info .info-box .team-member .member{margin-top:2.13vw}
.team-info .info-box .team-place{margin-top:4.8vw;padding-bottom:4.26vw; color:#767676;font-weight:500}
.team-info .info-box .team-place em{margin-bottom:1.06vw; color:#999;font-weight:400; display:block}
.team-info .record-box{margin-top:4.26vw;padding:6.4vw 0; border:.26vw solid #ddd; box-shadow:none}
.team-info .btn-link .btns{margin:4.26vw 0 0;text-align:left}
.team-info .btn-link .btns:first-child{margin-top:6.4vw}
.team-info table td .mem{width:13.86vw; font-size:3.73vw;line-height:6.93vw;color:#fff;font-weight:700; border-radius:.8vw;background-color:#ec9d00;display:inline-block}
.team-info table td .mem.master{background-color:#1d6fb8}
.team-info table td .mem.pro{background-color: #3a3da6;color: #fff;}
.team-info .record-wrap{margin-top:6.13vw}
.team-list .inp-box.button{margin-top:2.66vw;box-shadow:1.06vw 1.06vw 3.46vw rgba(0,0,0,.1)}

.member-info{padding-bottom:4.26vw}
.member-info >em{width:13.86vw; line-height:6.93vw;color:#fff;font-weight:700; border-radius:.8vw;background-color:#ec9d00;display:inline-block}
.member-info >em.master{background-color:#1d6fb8}
.member-info >em.pro{background-color:#3a3da6;width: 20vw;}
.member-info >strong{margin-top:2.13vw; font-size:6.4vw;color:#191919;font-weight:700; display:block}
.member-info >p{margin-top:1.6vw; color:#797979}
.member-info >div{margin-top:3.73vw; color:#666}
.member-info >div strong{margin:-.8vw 0 0 1.33vw; font-size:5.06vw;color:#191919;font-weight:700;display:inline-block}

.team-info .accordion{margin-top:3.2vw}
.team-info .accordion li{margin-top:2.13vw}
.team-info .accordion li a{padding:4.26vw 2.66vw 4.8vw; color:#767676;font-weight:700; background:#ddd url('/static/images/accordion_arrow.png') no-repeat 96.4% center;background-size:2.66vw 1.6vw !important}
.team-info .accordion li.state-on a{color:#fff; background:#54626f url('/static/images/accordion_arrow_on.png') no-repeat 96.4% center}
.team-info .accordion .toggle-ele .game-tit{padding:1.33vw 3.2vw; text-align:center; background-color:#333}
.team-info .accordion .toggle-ele .game-tit:after{content:'';display:block;clear:both}
.team-info .accordion .toggle-ele .game-tit em{width:17.06vw; line-height:7.46vw;color:#ededed;font-weight:500; border-radius:4vw;border:.26vw solid #6b6b6b;background-color:#222; display:block;float:left}
.team-info .accordion .toggle-ele .game-tit span{font-size:4.26vw;line-height:7.46vw;color:#ededed;font-weight:500; float:right}
.team-info .accordion .toggle-ele .game-tit p{line-height:7.46vw;color:#fff;font-weight:500; display:inline-block}
.team-info .accordion .toggle-ele table{text-align:center}
.team-info .accordion .toggle-ele table th{padding:4.53vw 0; color:#767676;font-weight:500; background-color:#f9f9f9}
.team-info .accordion .toggle-ele table td{padding:4.53vw 0; color:#767676;font-weight:500}
.team-info .accordion .toggle-ele table tr:nth-child(even) td{background-color:#f9f9f9}
.team-info .accordion .toggle-ele table tr td:first-child strong{padding:0 4.8vw 0 8vw;max-width:26.66vw; color:#191919;font-weight:700;text-align:left; background:url('/static/images/img_ball_yellow.png') no-repeat right .53vw;background-size:3.46vw !important;display:inline-block;position:relative}
.team-info .accordion .toggle-ele table tr td.ball_white strong{background:url('/static/images/img_ball_white.png') no-repeat right .53vw}
.team-info .accordion .toggle-ele table td.win strong:before{content:'승';display:block; width:5.86vw;height:5.86vw; line-height:5.33vw;color:#fff;font-weight:700;text-align:center; border-radius:100%;background-color:#3a3da6; position:absolute;top:-.8vw;left:0}

.league-list .league{margin-top:0}
.league-list .contents >select{margin-top:4vw}
.league-list .ranking tbody td:first-child span{font-weight:700}
.league-list .ranking tbody tr:nth-child(-n+3) td:first-child span{width:6.93vw; line-height:6.93vw;text-indent:-9999px; display:inline-block}
.league-list .ranking tbody tr:nth-child(1) td:first-child span{background:url('../images/img_ranking01.png') no-repeat 0 0;background-size:100%}
.league-list .ranking tbody tr:nth-child(2) td:first-child span{background:url('../images/img_ranking02.png') no-repeat 0 0;background-size:100%}
.league-list .ranking tbody tr:nth-child(3) td:first-child span{background:url('../images/img_ranking03.png') no-repeat 0 0;background-size:100%}

.schedule .league{margin-top:0}
.schedule .record-box{margin-top:4.26vw;padding:6.4vw 0; border:.26vw solid #ddd; box-shadow:none}
.schedule table.list{border-top:.534vw solid #8c8c8c;border-bottom:.534vw solid #e7e7e8}
.schedule .list td{padding:4vw 0;border-top:.53vw solid #e7e7e7; position:relative}
.schedule .list tr:first-child td{border-top:0}
.schedule .list td:nth-child(1) em{width:16vw;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% - 8vw)}
.schedule .list td:nth-child(1) p{color:#999;font-weight:500}
.schedule .list td:nth-child(1) p strong{font-size:8.53vw;font-weight:700; display:block}
.schedule .list td:nth-child(2){text-align:left}
.schedule .list td:nth-child(2) strong{color:#191919}
.schedule .list td:nth-child(2) p{margin-top:1.33vw; color:#767676; white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.schedule .list td:nth-child(2) span{margin-top:.8vw; color:#1d6fb8; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.schedule .list td .progress{width:13.86vw; line-height:6.93vw;color:#fff;font-weight:700; border-radius:1.06vw; background-color:#ddd;display:block;position:relative}
.schedule .list td .progress:after{content:'';display:inline-block; width:1.6vw;height:2.67vw; background:url('/static/images/bg_btn_nav.png') no-repeat 0 0;background-size:100%; position:absolute;top:calc(50% - 1.33vw);right:-4.26vw}
.schedule .list td .progress.before{background-color:#1d6fb8}
.schedule .list td .progress.ongoing{background-color:#3a3da6}
.schedule .list td .progress.result{background-color:#54626f}
.schedule .list td .progress.not{color:#999;background-color:#ddd}

#wrap.order,
#wrap.order header{background-color:#f1f1f4}
.order .list td:nth-child(3) em{width:16vw;line-height:5.33vw;color:#fff;font-weight:700; border-radius:2.66vw;background-color:#e50019;box-shadow: 0 .53vw .8vw 0 rgba(0, 0, 0, 0.16); display:inline-block}

.game-box{margin-top:8vw; text-align:center; border-radius:2.66vw;background-color:#fff;box-shadow:1.06vw 1.06vw 3.46vw rgba(0,0,0,.16)}
.game-box >div:first-child{padding-bottom:5.33vw}
.game-box >div em{margin-top:4.26vw;width:26.66vw; line-height:7.46vw;color:#191919;font-weight:700; border-radius:4vw;border:.26vw solid #333;box-shadow: 0 .53vw .53vw 0 rgba(0, 0, 0, 0.28); display:inline-block}
.game-box >div strong{margin-top:3.46vw; color:#191919;font-weight:700; display:block}
.game-box >div .match{margin-top:2.66vw;padding:0 17.33vw; position:relative}
.game-box >div .match:after{content:'';display:block;clear:both}
.game-box >div .match div{width:18.66vw; float:left;position:relative}
.game-box >div .match div:nth-child(2){margin:5.33vw 5.33vw 0;width:6.66vw; font-size:4.8vw;color:#191919;font-weight:700}
.game-box >div .match div >strong{margin-left:-4vw;width:26.66vw; color:#191919;font-weight:700; white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game-box >div .match div.win:before{content:'승';display:block; width:5.86vw;height:5.86vw; font-size:3.73vw;line-height:5.6vw;color:#fff;font-weight:700; background-color:#3a3da6; position:absolute;top:5.33vw}
.game-box >div .match div.win:after{content:'';display:block; width:6.93vw;height:8.26vw; background:url('/static/images/img_trophy.png') no-repeat 0 0;background-size:100%; position:absolute;top:4.26vw}
.game-box >div .match div:nth-child(1).win:before{padding-right:1.33vw; border-radius:2.93vw 0 0 2.93vw; left:-12vw}
.game-box >div .match div:nth-child(1).win:after{left:-8vw}
.game-box >div .match div:nth-child(3).win:before{padding-left:1.33vw; border-radius:0 2.93vw 2.93vw 0; right:-12vw}
.game-box >div .match div:nth-child(3).win:after{right:-8vw}
/*.game-box >div .team-logo{margin:0 auto 1.33vw;width:16vw;height:16vw; border:.26vw solid #ddd;border-radius:100%;background:url('/website/static/mobile/images/bg_photo.png') no-repeat 0 0;background-size:100%; position:relative}*/
.game-box >div .team-logo{margin:0 auto 1.33vw;width:16vw;height:16vw; border:.26vw solid #ddd;border-radius:100%;background:url('../images/bg_photo.png') no-repeat 0 0;background-size:100%; position:relative}
.game-box >div .team-logo img{width:100%;height:100%}
.game-box >div .team-logo span{width:5.86vw; font-size:3.2vw;line-height:5.86vw;color:#fff; border-radius:100%;background-color:#333;position:absolute;bottom:0;right:0}
.game-box >ul{padding:0 6.4vw 4.53vw; display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.game-box li em{color:#767676}
.game-box li .photo{margin-top:2.66vw;width:11.73vw;height:11.73vw; border:.26vw solid #ddd;border-radius:100%;background:#ddd url('/static/images/bg_photo.png') no-repeat 0 0;background-size:100%; position:relative}
.game-box li .photo >img{width:100%;height:100%;border-radius:100%}
.game-box li .photo >span{width:5.86vw; font-size:3.2vw;line-height:5.86vw;color:#fff;font-weight:700;text-align:center; border-radius:100%;background-color:#333;display:inline-block; position:absolute;bottom:0;left:-2.66vw}
.game-box li .photo .btn-add{width:100%;height:100%; text-indent:-9999px; border-radius:100%;background:#ddd url('/static/images/btn_add.png') no-repeat center;background-size:2.66vw; display:inline-block}
.game-box li strong{margin-top:1.6vw; color:#191919;font-weight:700; display:inline-block}
.game-box .btn-wrap{width:100%}
.game-box .btn-wrap .btns{width:100%; border-radius:0 0 2.66vw 2.66vw;margin-left: 0;}
.game-box .btn-wrap.ea2 .btns{width:50%}
.game-box .btn-wrap.ea2 .btns:nth-child(1){border-radius:0 0 0 2.66vw}
.game-box .btn-wrap.ea2 .btns:nth-child(2){border-radius:0 0 2.66vw 0; border-left:.26vw solid #ffffff}

.schedule.result .league{margin-top:8vw}
.schedule.order .list{margin-top:0}
#wrap.schedule.result.order .container{padding:0}
.round-result .swiper-slide{padding:2.66vw 5.33vw 8vw}
.round-result .swiper-slide .game-box{margin-top:41.33vw}

.result .round{padding:0 21.33vw;width:100%; text-align:center; position:absolute;top:35.46vw;left:0;z-index:1000}
.result .round:before{content:'';display:inline-block; height:.53vw; background-color:#d5d5d5; position:absolute;top:3.73vw;left:7vw;right:7vw}
.result .round .swiper-slide span{width:8vw;height:8vw; background:url('/static/images/img_round.png') no-repeat center;background-size:100%; display:inline-block}
.result .round .swiper-slide strong{margin-top:1.6vw; color:#191919;font-weight:700; display:block}
.result .round .swiper-slide p{margin-top:1.06vw; color:#797979;font-weight:700;letter-spacing:-.26vw}
.result .round .swiper-slide-thumb-active span{background-image:url('/static/images/img_round_on.png')}
.result .round .swiper-slide-thumb-active strong{color:#3739c9}
.result .round .btn-prev,
.result .round .btn-next{width:13.06vw;height:13.06vw; cursor:pointer; position:absolute;top:-.8vw}
.result .round .btn-prev{background:url('/static/images/btn_prev.png') no-repeat center;background-size:100%; left:4vw}
.result .round .btn-next{background:url('/static/images/btn_next.png') no-repeat center;background-size:100%; right:4vw}

.result-list{margin-top:3.2vw; border-radius:2.66vw;overflow:hidden;box-shadow:1.06vw 1.06vw 3.46vw rgba(0,0,0,.16)}
.result-list li:nth-child(even){background-color:#f9f9f9}
.result-list li{padding:6.4vw 0; position:relative}
.result-list li div{padding:0 5.33vw; color:#191919;font-weight:700}
.result-list li div:after{content:'';display:block;clear:both}
.result-list li div >p{width:calc(50% - 5.33vw); float:left}
.result-list li div >p span{width:8.534vw;height:8.534vw; line-height:8.534vw;color:#191919;text-align:center; border-radius:100%;background-color:#fbcf1c;position:relative}
.result-list li div >p strong{line-height:8.534vw; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.result-list li div >p.ball-white span{background-color:#e6e6e6}
.result-list li div >p span:before{display:block; width:5.86vw;height:5.86vw; line-height:5.6vw;color:#fff;text-align:center; border-radius:100%; position:absolute;top:-3.46vw}
.result-list li div >p.giveup{color:#999}
.result-list li div >p.win span:before{content:'승'; background-color:#3a3da6}
.result-list li div >p.lose span:before{content:'패'; background-color:#999}
.result-list li div >p.draw span:before{content:'무'; background-color:#54626f}
.result-list li div >p:nth-child(3){text-align:right}
.result-list li div >p:nth-child(1) span{margin-left:4vw;float:right}
.result-list li div >p:nth-child(3) span{margin-right:4vw;float:left}
.result-list li div >p:nth-child(1) span:before{left:-2.66vw}
.result-list li div >p:nth-child(3) span:before{right:-2.66vw}
.result-list li div >.inn{margin:0 1.33vw;width:8vw; font-size:3.2vw;font-weight:500;text-align:center;display:block}
.result-list li div >.inn em{font-size:3.734vw;font-weight:700;display:block}
/*.result-list.recording li{padding-right:21.33vw}*/
.result-list.recording li .btns{margin:0;width:16vw; position:absolute;top:calc(50% - 5.33vw);right:2.66vw}

.player .bul-list li{margin-top:2.66vw;padding-left:5.86vw; line-height:1.3;color:#191919;word-break:keep-all; background:url('/static/images/bul_check.png') no-repeat 0 .53vw;background-size:4.53vw 4.26vw}
.player .bul-list li:first-child{margin-top:0}
.player .player-list{margin-top:6.66vw}
.player .player-list li{margin-top:2.66vw}
.player .player-list li:first-child{margin-top:0}
.player .player-list li a{padding:1.86vw 3.2vw;width:100%;min-height:25.33vw; border-radius:2.66vw;background-color:#f9f9f9;display:table;position:relative}
.player .player-list li a >div{width:33.3%; display:table-cell;vertical-align:middle}
.player .player-list li a >div p{padding:1.06vw 0 1.33vw; line-height:4.8vw;color:#767676;font-weight:700}
.player .player-list li a >div p strong{font-size:4.8vw;line-height:1;color:#191919;font-weight:700}
.player .player-list li a >div:nth-child(n+2){text-align:right}
.player .player-list li a >div:nth-child(n+2) strong{margin-left:2.13vw;width:16vw; text-align:left;display:inline-block}
.player .player-list li a >div:nth-child(2) strong{width:13.33vw}
.player .player-list li a:hover,
.player .player-list li a.active{background-color:#3a3da6;box-shadow:1.06vw 1.06vw 3.46vw rgba(0,0,0,.16)}
.player .player-list li a:hover div,.player .player-list li a:hover div p, .player .player-list li a:hover div strong,
.player .player-list li a.active div,.player .player-list li a.active div p, .player .player-list li a.active div strong{color:#fff}
.player .player-list li a.disable{pointer-events:none;cursor:default;overflow:hidden}
.player .player-list li a.disable:before{content:'';display:block; width:100%;height:100%; background-color:rgba(25,25,25,.5);position:absolute;top:0;left:0}
.player .player-list li a.disable:after{content:'선택불가';display:block; width:22.93vw; font-size:4.26vw;line-height:9.06vw;color:#fff;font-weight:700;text-align:center; border-radius:4.53vw;background-color:#333;box-shadow: 0 .8vw 1.6vw 0 rgba(0, 0, 0, 0.26); position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}

.matchs{padding:0 16vw; text-align:center; position:relative}
.matchs:after{content:'';display:block;clear:both}
.matchs >em{width:21.33vw; line-height:7.46vw;color:#191919;font-weight:700;text-align:center;letter-spacing:-1px; border-radius:4vw;border:.26vw solid #333;box-shadow:0 0.53vw 0.53vw 0 rgb(0 0 0 / 28%);display:inline-block}
.matchs >div{margin-top:2.13vw; position:relative}
.matchs >div:after{content:'';display:block;clear:both}
.matchs .score{padding-top:6.66vw;width:18.66vw; color:#999;font-weight:700;text-align:center; position:absolute;top:2.66vw;left:calc(50% - 9.33vw)}
.matchs .score strong{font-size:4.8vw;color:#191919;font-weight:700; position:absolute;top:0;left:0;right:0}
.matchs .player{width:18.66vw}
.matchs .player .photo{margin:0 auto;width:16vw;height:16vw; border:.26vw solid #ddd;border-radius:100%;background:#ddd url('/static/images/bg_photo.png') no-repeat 0 0;background-size:100%; position:relative}
.matchs .player .photo >img{width:100%;height:100%;border-radius:100%}
.matchs .player strong{margin-top:1.6vw; color:#191919;font-weight:700;text-align:center;white-space:nowrap; background:url('/static/images/img_ball_yellow.png') no-repeat 0 center;background-size:3.46vw !important; display:block}
.matchs .player strong.white{background:url('/static/images/img_ball_white.png') no-repeat 0 center;}
.matchs .player span {width: 100%; line-height:6.93vw;color:#fff;font-weight:700; border-radius:.8vw;background-color:#ec9d00;display:inline-block;text-align: center;}
.matchs .player span.pro {background-color:#3a3da6;}
.matchs .player ul{margin-top:.8vw}
.matchs .player li{padding:1.06vw 0; font-size:4.8vw;color:#191919;font-weight:700; position:relative}
.matchs .player li >p{font-size:3.73vw;color:#999}
.matchs .player.ball-white strong{background:url('/static/images/img_ball_white.png') no-repeat 0 center}
.matchs .player.win .photo:before{content:'승';display:block; width:5.86vw;height:5.86vw; font-size:3.73vw;line-height:5.6vw;color:#fff;font-weight:700;text-align:center; background-color:#3a3da6; position:absolute;top:5.33vw}
.matchs .player.win .photo:after{content:'';display:block; width:6.93vw;height:8.26vw; background:url('/static/images/img_trophy.png') no-repeat 0 0;background-size:100%; position:absolute;top:4.26vw}
.matchs .playerL{text-align:right; float:left}
.matchs .playerL ul{float:right}
.matchs .playerL li{padding-right:2.66vw}
.matchs .playerL li em{width:18.66vw; font-size:3.73vw;color:#999;text-align:center;letter-spacing:-.5px; position:absolute;top:1.86vw;right:-19.46vw}
.matchs .playerL strong{padding:0 2.66vw 0 4vw; background-position:left .53vw !important;float:right}
.matchs .playerL.win .photo:before{padding-right:1.33vw; border-radius:2.93vw 0 0 2.93vw; left:-12vw}
.matchs .playerL.win .photo:after{left:-8vw}
.matchs .playerR{text-align:left; float:right}
.matchs .playerR ul{float:left}
.matchs .playerR li{padding-left:2.66vw}
.matchs .playerR li em{display:none}
.matchs .playerR strong{padding:0 4vw 0 2.66vw; background-position:right .53vw !important; float:left}
.matchs .playerR.win .photo:before{padding-left:1.33vw; border-radius:0 2.93vw 2.93vw 0; right:-12vw}
.matchs .playerR.win .photo:after{right:-8vw}
.inn-record table{margin-top:8vw;text-align:center}
.inn-record table th{padding:4.53vw 0;color:#767676;font-weight:500; background-color:#f9f9f9}
.inn-record table td{padding:4.26vw 0; font-size:3.46vw;color:#767676;font-weight:500; border-bottom:.26vw solid #f9f9f9}
.inn-record table tr:nth-child(even) td{background-color:#f9f9f9}
.inn-record table thead th:nth-child(3),
.inn-record table tbody td:nth-child(3){border-bottom-color:#fdeee5;background-color:#fdeee5}

.league-tit{padding-top:2.13vw; text-align:center}
.league-tit h1{font-size:7.73vw;color:#191919;font-weight:700;letter-spacing:-.5px}
.league-tit p{margin-top:3.2vw; line-height:1.5;color:#767676}
.league-tit p em{color:#191919;font-weight:700}
.league-tit .date{padding:.53vw 4vw .8vw; color:#fff; border-radius:3.2vw;background-color:#333;display:inline-block}
.league-tit .date strong{margin-left:1.6vw;padding-left:1.6vw; display:inline-block;position:relative}
.league-tit .date strong:before{content:'';display:block; width:.26vw;height:50%; background-color:#5c5c5c; position:absolute;top:25%;left:0}
.league-tit .btn-wrap{margin-top:9.33vw}
.league-tit.noti p{font-size:4.26vw}
.league-tit.noti +.league{margin-top:4.53vw}

.info-list{margin-top:1.6vw}
.info-list li{padding-top:5.33vw;color:#767676;font-weight:500}
.info-list li:after{content:'';display:block;clear:both}
.info-list strong{color:#191919;font-weight:700; float:right}
.info-list.team li{padding-top:2.66vw; line-height:8.53vw}
.info-list.team .team-name{float:right}

.noti-list{margin-top:6.66vw;padding:4.26vw 0 3.73vw; border-top:.26vw solid #191919;border-bottom:.26vw solid #ededed}
.noti-list li{margin-top:2.66vw; padding-left:3.2vw;text-indent:-3.2vw; line-height:1.5;color:#999;letter-spacing:-.5px;word-break:keep-all}
.noti-list li strong{color:#767676;font-weight:700}
.noti-list li:first-child{margin-top:0}
h2 +.noti-list{margin-top:3.2vw}

.gamefee-wrap{margin-top:5.33vw;padding-top:1.86vw; background:url('/static/images/bg_gamefee.png') repeat-x 0 0;background-size:3.2vw 1.86vw}
.gamefee-wrap >div{padding:0 3.2vw; text-align:center; border:.26vw solid #e6e6e6;border-top:0; background-color:#f9f9f9;position:relative}
.gamefee-wrap em{padding:6.93vw 0 4.53vw; color:#191919;font-weight:700; border-bottom:.53vw dashed #e6e6e6; display:block}
.gamefee-wrap strong{padding:4.26vw 0 6.4vw; font-size:7.46vw;color:#3739c9; display:block}
.gamefee-wrap strong span{margin-left:1.06vw; font-size:3.73vw;color:#191919; vertical-align:baseline}
.gamefee-wrap .payment{padding:1.06vw 2.13vw;min-width:16vw; color:#333;font-weight:700; border-radius:3.46vw;border:.26vw solid #333;display:inline-block;position:absolute;top:5.33vw;left:2.66vw}

.payment-wrap{margin-top:3.2vw}
.payment-wrap:after{content:'';display:block;clear:both}
.payment-wrap >button{margin-left:1.33vw; padding-top:10.66vw;width:21.33vw;height:21.33vw; font-size:3.2vw;color:#191919;font-weight:700; border-radius:2.66vw;border:.26vw solid #e1e1e1;background-size:16vw 6.93vw !important; float:left}
.payment-wrap .btn-payment01{margin-left:0;width:66.66vw; background:url('/static/images/icon_payment01.png') no-repeat center 4vw}
.payment-wrap .btn-payment02{background:url('/static/images/icon_payment02.png') no-repeat center 4vw}
.payment-wrap .btn-payment03{background:url('/static/images/icon_payment03.png') no-repeat center 4vw}
.payment-wrap .btn-payment04{background:url('/static/images/icon_payment04.png') no-repeat center 4vw}
.payment-wrap .active{border-width:.534vw;border-color:#3739c9}

#wrap.participate:before{content:''; height:calc(env(safe-area-inset-top) + 49.8vw); background-color:#f1f1f4; position:absolute;top:0;left:0;right:0}
#wrap.participate_cham:before{content:''; height:calc(env(safe-area-inset-top) + 66.8vw); background-color:#f1f1f4; position:absolute;top:0;left:0;right:0}
#wrap.participate header{background-color:#f1f1f4}
.participate h2{margin-top:9.33vw}
.participate .select-wrap{margin-top:3.2vw}
.participate .league-tit +.league{margin-top:8vw}
.participate .btn-wrap{margin-top:8vw}
.participate .btn-wrap .btns:nth-child(3){margin:5.33vw 0 0; width:100%}

.participation h2{margin-top:8vw}
.participation .league{margin-top:0}
.participation .btn-wrap{margin-top:8vw}
.participation .btn-wrap .btns{width:50.4vw}
.participation .btn-wrap .btns:first-child{width:36.26vw}

.pay-agree{margin:-.26vw -5.33vw -8vw;padding:6.13vw 5.33vw 8vw; border-top:.26vw solid #ededed;background-color:#f9f9f9}
.pay-agree .inp-check{margin-top:4vw}
.pay-agree .inp-check input + label{font-size:3.73vw;color:#767676;font-weight:400; display:block}
.pay-agree .inp-check label a{margin-left:2.66vw; color:#191919;font-weight:700; text-decoration:underline}
.pay-agree .inp-check:first-child{margin-top:0}
.pay-agree .inp-check:first-child input + label{font-size:4.26vw;color:#191919;font-weight:700; display:block}
.pay-agree .btn-wrap{margin-top:9.6vw}
.pay-agree .btn-wrap .btns{width:50.4vw}
.pay-agree .btn-wrap .btns:first-child{width:36.26vw}

.approval-step ul{margin-top:4.53vw}
.approval-step li{margin-top:4.53vw;padding-left:5.33vw; color:#767676; position:relative}
.approval-step li:first-child{margin-top:0}
.approval-step li:after{content:'';display:block;clear:both}
.approval-step li >p{width:26.66vw; display:inline-block}
.approval-step li >strong{color:#999;font-weight:400; float:right}
.approval-step li:before{content:'';display:block; width:2.4vw;height:2.4vw; border-radius:100%; border:.53vw solid #ddd;background-color:#fff;position:absolute;top:calc(50% - 1.6vw);left:0;z-index:1}
.approval-step li:after{content:'';display:block; width:.26vw;height:5.6vw; background-color:#ddd; position:absolute;top:-4.85vw;left:1.6vw}
.approval-step li:first-child:after{display:none}
.approval-step li.check:before{border-color:#3739c9}
.approval-step li.check:after{background-color:#3a3da6}
.approval-step li.check >p{color:#3739c9;font-weight:700; background:url('/static/images/noti_ok.png') no-repeat right center;background-size:3.73vw}
.approval-step li.check >strong{color:#1d6fb8}
.approval-step li.turn-back:before{border-color:#3739c9}
.approval-step li.turn-back:after{background-color:#3a3da6}
.approval-step li.turn-back >p{color:#3739c9;font-weight:700; background:url('/static/images/noti_not.png') no-repeat right center;background-size:3.73vw}
.approval-step li.turn-back >strong{color:#e50019}

.search-list .select-wrap{margin-top:3.2vw}
.search-list .select-wrap select:nth-child(5){width:100%}
.search-list .select-wrap +.btn-wrap{margin-top:4vw}
.search-list .league{margin-top:8vw}
.search-list .contents >select{margin-top:4vw}

#wrap.search-list.order:before{content:''; height:calc(constant(safe-area-inset-top) + 93.6vw);height:calc(env(safe-area-inset-top) + 93.6vw); background-color:#fff; position:absolute;top:0;left:0;right:0}
#wrap.search-list.order header{background-color:#fff}

#wrap.ranking-wrap .container{padding:0}
.ranking-wrap .search-wrap{padding:6.66vw 5.33vw 8vw}
.ranking-wrap .tab-inner .tab-inner{padding:8vw 5.33vw 13.33vw; background-color:#f9f9f9}

.ranking-list li{margin-top:6.4vw;padding:0 18.66vw 0 2.66vw; position:relative}
.ranking-list li:after{content:'';display:block;clear:both}
.ranking-list li .photo{margin-right:2.13vw;width:16vw;height:16vw; border:.26vw solid #ddd;border-radius:100%;background:#ddd url('/static/images/bg_photo.png') no-repeat 0 0;background-size:100%; float:left;position:relative}
.ranking-list li .photo >img{width:100%;height:100%;border-radius:100%}
.ranking-list li .photo >span{padding-top:.26vw;width:5.86vw;height:5.86vw; font-size:3.2vw;line-height:5.86vw;color:#fff;font-weight:500;text-align:center; border-radius:100%;background-color:#333;display:inline-block;position:absolute;bottom:0;right:0}
.ranking-list li strong{padding-top:.26vw; font-size:4.26vw;font-weight:700;display:block}
.ranking-list li strong>em.pro{width:15.86vw; font-size:3.73vw;line-height:6.93vw;color:#fff;font-weight:700; border-radius:.8vw;background-color:#3a3da6;display:inline-block;text-align: center}
.ranking-list li span{margin-top:1.6vw; color:#999; display:block}
.ranking-list li p{color:#999; white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ranking-list li .score{position:absolute;top:50%;right:2.66vw;transform:translate(0, -50%)}
.ranking-list li .score span{display:none}
.ranking-list li .score strong{font-size:4.8vw;font-weight:700;letter-spacing:-.5px; display:inline-block}
.ranking-list li:first-child{margin-top:0;padding:4vw 2.66vw 5.86vw 2.66vw; border-radius:2.66vw;background-color:#fff;box-shadow:1.33vw 1.33vw 4vw rgba(0,0,0,.1)}
.ranking-list li:first-child .photo{margin-right:3.2vw;width:21.33vw;height:21.33vw}
.ranking-list li:first-child strong{padding-top:2.4vw; font-size:4.8vw}
.ranking-list li:first-child p{margin-top:.8vw}
.ranking-list li:first-child .score{margin-top:5.33vw; position:relative;top:0;right:0;transform:translate(0, 0);float:right}
.ranking-list li:first-child .score span{margin:0 2.66vw 0 0; color:#999;vertical-align:baseline; display:inline-block}
.ranking-list li:first-child .score strong{font-size:7.46vw;font-weight:700;vertical-align:baseline}
/* LIVE */
.live h2{letter-spacing:-.5px}
.live .btn-link{margin-top:3.2vw}
.live-list{margin-top:9.06vw;border-top:.26vw solid #111}
.live-list li{border-bottom:.26vw solid #ddd}
.live-list li a{padding:6.66vw 0 6.66vw 30.66vw; display:block;position:relative}
.live-list li a >span{width:18.13vw;height:18.13vw; color:#fff;font-weight:500;text-align:center; border-radius:2.66vw;background-color:#ddd;display:flex;justify-content:center;align-items:center; position:absolute;top:calc(50% - 9.06vw);left:0}
.live-list li em{width:5.86vw; font-size:3.2vw;line-height:5.86vw;color:#fff;font-weight:700;text-align:center; border-radius:100%;background-color:#3a3da6; display:inline-block; position:absolute;top:calc(50% - 2.93vw);left:22.4vw}
.live-list li strong{color:#191919;font-weight:500}
.live-list li p{margin-top:1.33vw; color:#767676}
.live-list li p > span +span{margin-left:2.66vw;padding-left:2.66vw; position:relative}
.live-list li p > span +span:before{content:'';display:block; width:.26vw;height:60%;background-color:#ddd; position:absolute;top:25%;left:0}
.live-list li.carom-team a >span{background-color:#1d6fb8}
.live-list li.carom a >span{background-color:#ec9d00}
.live-list li.pocket-any a >span{background-color:#687980}
.live-list li.pocket a >span{background-color:#77acf1}

.live-result{background-color:#f1f1f4}
#wrap.live-result:before{content:''; height:calc(constant(safe-area-inset-top) + 74.66vw);height:calc(env(safe-area-inset-top) + 74.66vw); background-color:#fff; position:absolute;top:0;left:0;right:0}
.live-result .select-wrap{margin-top:3.2vw}
.live-result .select-wrap +.btn-wrap{margin-top:4vw}
.live-result .matchs{margin-top:4.26vw;padding:4vw 16vw 3.2vw; border-radius:2.66vw;background-color:#fff;box-shadow:1.06vw 1.06vw 3.46vw rgba(0,0,0,.16)}
.live-result .matchs:first-child{margin-top:0}
.live-result .matchs .player strong{max-width:30vw;text-align:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#wrap.live-view .container{padding-top:0}
.live-view .video-wrap{margin:0 -5.33vw;height:56.25vw}
.live-view .video-wrap +table{margin-top:8vw}
.live-view table{text-align:center}
.live-view table thead tr:first-child th{padding:3.2vw 0 2.93vw; color:#191919;font-weight:700; background-color:#f1f1f4}
.live-view table thead tr:first-child th span{margin-top:1.33vw; color:#767676;font-weight:500; display:block}
.live-view table thead tr:first-child th:nth-child(2){font-size:4.26vw; background-color:#fdeee5}
.live-view table thead tr:first-child th:nth-child(3){color:#fff; background-color:#ec9d00}
.live-view table thead tr:first-child th:nth-child(3) span{color:#fff}
.live-view table th{padding:4.53vw 0;color:#767676;font-weight:500;letter-spacing:-.5px; background-color:#f9f9f9}
.live-view table td{padding:4.26vw 0; font-size:3.46vw;color:#767676;font-weight:500; border-bottom:.26vw solid #f9f9f9}
.live-view table tr:nth-child(even) td{background-color:#f9f9f9}
.live-view table thead th:nth-child(3),
.live-view table tbody td:nth-child(3){border-bottom-color:#fdeee5;background-color:#fdeee5}

.modify h2{font-weight:500}
.modify h2 +ul{margin-top:5.33vw}
.modify ul +h2{margin-top:4.53vw}
.modify .txt{margin-bottom:9.6vw;color:#767676;text-align:center}
.modify .btn-wrap .btns{width:50.4vw}
.modify .btn-wrap .btns:first-child{width:36.26vw}
.modify .select-wrap{margin-top:2.13vw}
.modify .btn-profile{padding-top:0}
.modify .phone-authentic{margin-top:8vw}

.alarm-list li{margin-top:9.33vw}
.alarm-list li:first-child{margin-top:0}
.alarm-list em{padding-bottom:3.2vw; color:#999; border-bottom:.267vw solid #ddd; display:block}
.alarm-list div{margin-top:5.33vw;padding:0 17.33vw 0 12vw; position:relative}
.alarm-list div:before{content:'';display:block; width:10.66vw;height:10.66vw; background-size:100% !important; position:absolute;top:0;left:0}
.alarm-list div.notice:before{background:url('/static/images/img_notice.png') no-repeat 0 0}
.alarm-list div.game:before{background:url('/static/images/img_game.png') no-repeat 0 0}
.alarm-list div.new:after{content:'';display:block; width:1.066vw;height:1.066vw; border-radius:100%;background-color:#e50019; position:absolute;top:0;left:0;z-index:1}
.alarm-list div strong{word-break:keep-all}
.alarm-list div p{margin-top:1.066vw; font-size:3.2vw;line-height:1.4;color:#999; word-break:keep-all}
.alarm-list div .time{color:#999; position:absolute;top:0;right:0}
.alarm-list div .btn-delete{width:5.33vw;height:5.33vw; text-indent:-9999px; background:url('/static/images/icon_delete.png') no-repeat 0 0;background-size:100%; position:absolute;top:5.86vw;right:0}

.alarm{height:100%}
.alarm .container{height:calc(100% - 18.13vw)}
.alarm .contents,
.alarm .contents .alarm-view{height:100%}
.alarm-view .head{padding-bottom:3.2vw; border-bottom:.267vw solid #ddd; position:relative}
.alarm-view .head:after{content:'';display:block;clear:both}
.alarm-view .head h2{width:calc(100% - 17.33vw); font-size:3.734vw;color:#333; word-break:keep-all; float:left}
.alarm-view .head .time{width:17.33vw; color:#999;text-align:right; float:right}
.alarm-view .cont{padding:4vw 0;height:calc(100% - 8vw); line-height:1.5;color:#666;word-break:keep-all; overflow-y:scroll}

.terms h2{margin-top:10vw;font-size:4.26vw;color:#333;word-break:keep-all}
.terms h3{margin-top:5vw; font-size:3.734vw;color:#333;word-break:keep-all; border-width:.26vw}
.terms h4{margin-top:2.66vw; word-break:keep-all}
.terms div{margin-top:2.66vw; color:#666;line-height:1.5;word-break:keep-all}
.terms div li{padding-left:1.86vw;text-indent:-1.86vw}
.terms h3 +ul{margin-top:2.66vw}
.terms li{padding-left:4.53vw;text-indent:-4.53vw; color:#666;line-height:1.5;word-break:keep-all}
.terms strong{margin-top:2.13vw; text-indent:0;display:inline-block}
.terms p{margin-top:1.33vw; text-indent:0}
.terms .scroll-wrap{width:100%; overflow-x:scroll}
.terms table{text-align:center; border:.267vw solid #ccc}
.terms table th{padding:4.53vw 0;color:#767676;font-weight:500;letter-spacing:-.5px; border-left:.267vw solid #ccc;background-color:#f1f1f4}
.terms table td{padding:4.26vw 0; font-size:3.46vw;color:#767676;word-break:keep-all; border-left:.267vw solid #ccc}
.terms h2:first-child,.terms h3:first-child,.terms div:first-child{margin-top:0}

.setup .state{color:#191919;line-height:1.3;text-align:center}
.setup .state +ul{margin-top:5.33vw; border-bottom:solid .267vw #ddd}
.setup .state .btns{margin-top:2.66vw; width:21.33vw}
.setup li{height:16vw; border-top:solid .267vw #ddd; display:flex;justify-content:space-between;align-items:center}
.setup li:first-child{border-top:none;}
.setup li:last-child{border-bottom:solid .267vw #ddd;}
.setup li p{padding:0 2.66vw;width:50%; color:#191919;font-weight:700; white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.setup li p +p{text-align:right}
.setup li a{width:100%}
.setup li a p{width:100%; background:url('/static/images/bg_btn_nav.png') no-repeat calc(100% - 4vw) center;background-size:1.6vw 2.67vw}

.login .login-tab { position:relative; margin-top:5vw; padding-bottom:2vw; }
.login .login-tab ul { overflow: hidden; }
.login .login-tab ul li { float: left; width:50%; margin:0; padding: 3vw 0; background: #ddd; }
.login .login-tab ul li:first-child { border-radius: 5px 0 0 0; }
.login .login-tab ul li:last-child { border-radius: 0 5px 0 0; }
.login .login-tab ul li.active { background: #3a3da6; color:#fff; }
.login .login-tab .login-input { padding:0 2vw 2vw 2vw; border:solid 1px #3739c9; border-radius: 0 0 5px 5px; box-sizing: border-box; }
.login .login-tab .login-input .inp-box { margin-top: 5vw; }
.login .login-tab .login-input .inp-box input { border:0; }
.login .login-tab .login-input .inp-box:last-child { border-top: solid 1px #eee; margin-top:2vw; }
.login form .inp-check { margin-top: 2vw; }

header aside .util {
   position: absolute;
    z-index: 1;
    width: 100%;
}
header aside .myinfo {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 70px;
}
header aside .scroll-wrap {
    height: 100%;
    overflow-y: scroll;
    background-color: #fff;
    position: fixed;
    left: 100%;
    top: 0;
    padding-top: 67px;
    display: none;
    width: 100vw;
}

.btn-teamInfo{background:url('/static/images/icon_teamInfo.png') no-repeat center 3.2vw}

#wrap.game{background-color:#f1f1f4}
#wrap.game header{background-color:#f1f1f4}
.game .game-box{padding-top:4vw}
.game .game-box >div .match{margin-top:0}
.game .game-list{margin-top:6.4vw; border-radius:2.66vw;overflow:hidden}
.game .game-list li{height:21.33vw; background-color:#fff; display:flex;align-items:center;justify-content:center}
.game .game-list li:nth-child(even){background-color:#f9f9f9}
.game .game-list .time{width:13.33vw; line-height:1.4;color:#999;font-weight:700;text-align:center}
.game .game-list .player strong{width:20vw; font-weight:700;text-align:right; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; box-sizing:content-box;display:inline-block}
.game .game-list .player strong:nth-child(2){padding-left:9.6vw; text-align:left; position:relative}
.game .game-list .player strong:nth-child(2):before{content:'VS';display:block; font-weight:700; position:absolute;top:0;left:2.13vw}

.bg {background-color: #3a3da6FF;color: #fff !important;}

.league-wrap{margin:0 auto;padding:83px 0 100px;width:100%; position:relative;}
.league-wrap h2{width:648px;height:111px; text-indent:-9999px; background:url('../images/league_tit.png?v=2') no-repeat 0 0;}
.league-wrap h2+p{margin-top:30px;font-size:16px;color:#666;}
.league-wrap .chart-wrap{padding:5vw;width:100%; border-radius:5px;background-color:#fff;box-shadow:0px 1px 15px rgba(0,0,0,.2); position:absolute;top:0px;}
/*.league-wrap .chart-wrap{padding:30px 40px;width:510px;height:560px; border-radius:0 0 0 50px;background-color:#fff;box-shadow:0px 1px 15px rgba(0,0,0,.2); position:absolute;top:370px;right:0;}*/
.league-wrap .chart-wrap h3{font-size:18px;font-weight:700}
.league-wrap .chart-wrap h3 +p{margin-top:5px; font-size:16px;color:#666;}
.league-wrap .chart-wrap .chart {display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap;}
.league-wrap .chart-wrap .chart >div{margin-top:20px;float:left; position:relative; }
.league-wrap .chart-wrap .chart >div:nth-child(2n+2){margin-left:2.5vw;}
.league-wrap .chart-wrap .chart >div >div{text-align:center; position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.league-wrap .chart-wrap .chart >div >div em{font-size:16px;color:#666;font-weight:700}
.league-wrap .chart-wrap .chart >div >div strong{font-size:20px;font-weight:700; display:block}

.sponsor span:nth-child(1){background:url('../images/sponsor3.png') no-repeat 0 0}
.sponsor span:nth-child(2){background:url('../images/sponsor1.png') no-repeat 0 0}
.sponsor span:nth-child(3){background:url('../images/sponsor2.png') no-repeat 0 0}

.sponsor span:first-child{margin-left:0}

.sponsor{margin-top:70px}
.sponsor span{margin-left:10px;width:312px;height:72px; text-indent:-9999px; border:solid 1px #ededed;background-position:center !important;display:inline-block}


footer{background-color:#000}
footer .inner{padding:15px 0 25px 25px}
footer h2{width:104px;height:40px; text-indent:-9999px;background:url('../images/footer_logo.png') no-repeat 0 0; position:absolute;top:12px;left:0}
footer .util a{margin-left:5px;padding-left:8px; font-size:14px;color:#fff; display:inline-block;position:relative}
footer .util a:before{content:'';display:block; width:1px;height:60%; background-color:#808080; position:absolute;top:20%;left:0}
footer .util a:first-child{margin-left:0;padding-left:0}
footer .util a:first-child:before{display:none}
footer address{font-size:14px;color:#777}
footer p{margin-top:8px; font-size:14px;color:#777}