html,body{background:#193155;width:100%;height:100%;}
*{box-sizing:border-box;margin:0;padding:0;color:#fff;vertical-align:middle;font-family:Pretendard, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;font-size:14px;line-height:18px;font-weight:400;word-break:break-all;letter-spacing:-.14px;-webkit-tap-highlight-color: rgba(0,0,0,0);}
img{max-width:100%;}
ol,ul,dl,li{list-style:none;}
a{text-decoration: none;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}

header,footer{-ms-user-select:none;-moz-user-select:-moz-none;-webkit-user-select:none;-khtml-user-select:none;user-select:none;padding:0 12px;}
.wrap{width:100%;min-width:360px;max-width:480px;min-height:100%;min-height:calc(100% - 300px);display:block;margin:0 auto;position:relative;}
.container{width:100%;min-height:100%;display:block;position:relative;padding-bottom:260px;}
.container > .noresult{padding:40px 16px 16px 16px;color:#C9CDD2;text-align:center;transition: .3s ease-out;display:none;opacity:0;}
.container > .noresult.on{display:block;opacity:100;}
.container > .noresult > b{display:block;width:100%;font-size:16px;line-height:20px;letter-spacing:-.32px;font-weight:700;text-align:center;margin:16px auto 4px auto;}
.nextgame{width:calc(100% - 24px);margin:16px 12px;display:flex;background:rgba(0,0,0,.1);border-radius:60px;padding:12px;}
.nextgame li{flex:1;position:relative;text-align:left;display:flex;}
.nextgame li:last-child{justify-content: flex-end;}
.nextgame li:last-child:after{content:'';position:absolute;width:1px;height:32px;background:rgba(255,255,255,.3);top:2px;left:0;}
.nextgame li > .arrow{width:36px;height:36px;display:inline-block;background:rgba(0,0,0,.3);border-radius:36px;}
.nextgame li > div{font-weight:700;margin:0 16px;}
.nextgame li > div > span{display:block;width:100%;color:#C9CDD2;}

.mr4{margin-right:4px;}
.mr8{margin-right:8px;}

/* footer */
footer{padding:0;}
footer.bottom-sticky{position:fixed;width:100%;min-width:360px;max-width:480px;left:50%;bottom:0;transform:translateX(-50%);z-index:119;background:#193155;border-top:1px solid #203A62;}
footer.bottom-sticky > ul{width:100%;display:flex;justify-content:space-between;}
footer.bottom-sticky > ul > li{width:20%;padding:8px 0 12px 0;float:left;text-align:center;display:inline-block;font-size:11px;line-height:14px;color:rgba(255,255,255,.5);}
footer.bottom-sticky > ul > li.on{color:#fff;}
footer.bottom-sticky > ul > li > span{margin-bottom:4px;}

.favo{display:inline-flex;gap:4px;flex: 0 0 auto;background:#0E213D;padding:4px;border-radius:48px;position:absolute;top:9px;left:50%;transform:translateX(-50%);}
.favo > li{display:flex;gap:4px;align-items:center;border-radius:24px;color:#F7F8F9;padding:4px 12px 4px 4px;font-weight:700;}
.favo > li.on{background:#fff;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);color:#1B1D1F;}

.float-box{position:fixed;bottom:0;width:100%;min-width:360px;max-width:480px;left:50%;transform:translate(-50%);z-index:99999;display:block;}
.float-box > .ico-main{position:absolute;right:8px;display:block !important;}
.float-box > .gotop{top:-110px !important;}
.float-box > .reflesh{top:-56px !important;}


.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}

.bcircle{display:inline-block;width:22px;height:22px;border-radius:22px;text-align:center;line-height:20px;font-size:12px;font-weight:700;letter-spacing:-.12px;border:1px solid #39455E;color:#E8EBED;}
.bcircle.home{background:#071B3B;font-size:11px;border:none;}
.pageCover01, .pageCover02, .pageCover03{background:rgba(0, 0, 0, 0.80);width:100%;height:100%;position:fixed;left:0;top:0;z-index:500;display:none;}
.bSlide{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.bSlide:before{content:'';width:48px;height:4px;background:#E8EBED;border-radius:4px;margin:12px auto;display:block;}

/* message */
.toggle-box{width:calc(100% - 64px);max-width:460px;margin:0 auto;background:rgba(0, 0, 0, .8);border-radius:40px;padding:11px 24px;bottom:16px;left:50%;transform:translateX(-50%);position:fixed;text-align:center;z-index:510;display:none;}
.confirm-box{background:#fff;width:calc(100% - 32px);position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:16px;flex-direction:column;align-items:center;display:none;z-index:510;box-shadow:0 0 8px 3px rgba(0,0,0,.5);}
.confirm-box > .confirm-tit{padding:16px 12px;width:100%;height:54px;font-size:18px;line-height:22px;font-weight:700;letter-spacing:-.4px;color:#1B1D1F;text-align:left;}
.confirm-box > .confirm-msg{padding:8px 12px 16px 12px;width:100%;font-size:18px;line-height:22px;font-weight:700;letter-spacing:-.36px;color:#1B1D1F;text-align:center;}
.confirm-box > .btn-box{width:100%;padding:12px 6px;text-align:center;display:flex;justify-content:space-around;}
.confirm-box > .btn-box > button{width:calc(50% - 12px);border:none;background:#1B1D1F;padding:14px 24px;text-align:center;font-size:16px;font-weight:700;letter-spacing:-.32px;line-height:20px;border-radius:40px;}
.confirm-box > .btn-box > button.no{color:#1B1D1F;background:#E8EBED;}
.confirm-box > .btn-box > button.none{display:none;}

/* toast */
.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);max-width:336px;width:calc(100% - 24px);height:40px;background:rgba(0,0,0,.8);border-radius:40px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:400;letter-spacing:-.14px;color:#fff;opacity:0;transition:opacity .3s;pointer-events:none;display:none;z-index:9000;}
.toast.on{opacity:1;}

/* bottom sheet modal */
.bs-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;}
.bs-modal.on{display:flex;}
.bs-dim{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);}
.bs-wrap{position:absolute;bottom:0;left:0;right:0;width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:24px;align-items:center;}
.bs-close{width:48px;height:48px;background:rgba(255,255,255,.1);border-radius:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.bs-body{width:100%;background:#fff;border-radius:16px 16px 0 0;padding-bottom:80px;}
.bs-title{padding:16px 12px;font-size:18px;font-weight:700;line-height:22px;letter-spacing:-.36px;color:#1b1d1f;}
.login-btns{padding:0 12px;display:flex;flex-direction:column;gap:8px;}
.btn-social{width:100%;height:52px;border:none;border-radius:40px;display:flex;align-items:center;padding:14px 24px;gap:10px;cursor:pointer;font-size:16px;font-weight:700;line-height:20px;letter-spacing:-.32px;box-sizing:border-box;}
.btn-social.naver{background:#03a94d;color:#fff;}
.btn-social.kakao{background:#ffe812;color:#1b1d1f;}
.btn-social.google{background:#fff;color:#1b1d1f;border:1px solid #e8ebed;}
.btn-social > *{color:inherit;}
.btn-social > .social-logo{width:24px;height:24px;flex-shrink:0;overflow:hidden;}
.btn-social > .social-logo > img{width:100%;height:100%;}
.btn-social > .social-txt{flex:1;text-align:center;}
.btn-social > .social-space{width:24px;flex-shrink:0;}


/* common */

.op80{opacity:.8;}
.op50{opacity:.5;}
.op30{opacity:.3;}
.trans180{transform:rotate(180deg);}

.t18{font-size:18px;line-height:18px;}
.tblue{color:#0062C3 !important;}
.tred{color:#C00023 !important;}
.bold{font-weight:700;}
.bblue{background-color:#0062C3 !important;color:#fff !important;}
.bred{background-color:#C00023 !important;color:#fff !important;}

.loading{display:none;position:fixed;top:calc(50% - 40px);left:calc(50% - 40px);opacity:.6;z-index:9999;width:80px;height:80px;border-radius:60px;background:conic-gradient(#0000 10%,#F4F4F4);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 0);animation:s3 1s infinite linear;}
@keyframes s3 {to{transform: rotate(1turn)}}

/* team & league */
.league24{width:24px;height:0;padding-bottom:24px;display:inline-block;position:relative;text-align:center;margin-right:8px;}

.team16{width:16px;height:0;padding-bottom:16px;display:inline-block;position:relative;text-align:center;}
.team18{width:18px;height:0;padding-bottom:18px;display:inline-block;position:relative;text-align:center;}
.team24{width:24px;height:0;padding-bottom:24px;display:inline-block;position:relative;text-align:center;}
.team32{width:32px;height:0;padding-bottom:32px;display:inline-block;position:relative;text-align:center;}

.player24{width:24px;height:0;padding-bottom:24px;display:inline-block;position:relative;text-align:center;border-radius:24px;background:rgba(0, 0, 0, 0.10);}
.player32{width:32px;height:0;padding-bottom:32px;display:inline-block;position:relative;text-align:center;border-radius:32px;background:rgba(0, 0, 0, 0.10);}
.player32 > .cross12{position:absolute;right:0;bottom:0;z-index:10;}
.player40{width:40px;height:0;padding-bottom:40px;display:inline-block;position:relative;text-align:center;border-radius:40px;background:rgba(0, 0, 0, 0.10);}
.player48{width:48px;height:0;padding-bottom:48px;display:inline-block;position:relative;text-align:center;border-radius:48px;background:rgba(0, 0, 0, 0.10);}
.player60{width:60px;height:0;padding-bottom:60px;display:inline-block;position:relative;text-align:center;border-radius:60px;background:rgba(0, 0, 0, 0.10);}

.country16{width:16px;height:0;padding-bottom:16px;display:inline-block;position:relative;text-align:center;border-radius:16px;}
.country19{width:19px;height:0;padding-bottom:19px;display:inline-block;position:relative;text-align:center;border-radius:19px;}

.league24 > img, .team16 > img, .team18 > img, team24 > img, .team32 > img{width:100%;height:100%;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.player24 > img, .player32 > img, .player40 > img, .player48 > img, .player60 > img{width:80%;height:80%;object-fit:contain;position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-radius:60px;}

.country16 > img, .country19 > img{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:19px;}

.player60 > .pos{position:absolute;bottom:0;left:0;width:16px;height:16px;font-size:8px;font-weight:900;line-height:16px;text-align:center;display:inline-block;background:#1B1D1F;}

.rating16{padding:2px 4px;font-size:10px;font-weight:700;line-height:12px;color:#fff;border-radius:16px;display:flex;align-items:center;width:fit-content;}
.rating16 > .star12{margin-left:2px;}
.rating16.r8{background:#0062C3;}
.rating16.r8:after{content:'';background:url('/images/ico_main.png?v=0.5.5') no-repeat;background-size:600px 400px;display:inline-block;width:12px;height:12px;background-position:-208.88px 0;margin:0 0 0 2px;}
.rating16.r6{background:#41B000;}
.rating16.r3{background:#F5AB00;}
.rating16.r0{background:#B20003;}

.rating19{padding:0 8px;font-size:12px;font-weight:700;line-height:19px;color:#fff;border-radius:16px;display:flex;align-items:center;width:fit-content;background:#1B1D1F;}
.rating19.soccer{}
.rating19 > .star12{margin-left:2px;}
.rating19.r8{background:#0062C3;}
.rating19.r8:after{content:'';background:url('/images/ico_main.png?v=0.5.5') no-repeat;background-size:600px 400px;display:inline-block;width:12px;height:12px;background-position:-208.88px 0;margin:0 0 0 2px;}
.rating19.r6{background:#41B000;}
.rating19.r3{background:#F5AB00;}
.rating19.r0{background:#B20003;}
.pos16{padding:2px 8px;font-size:10px;font-weight:700;line-height:12px;color:#1B1D1F;border-radius:16px;background:#E8EBED;display:inline-block;}


.checkbox{display:none;}
.checkbox + label{color:#1B1D1F;line-height:14px;}
.checkbox + label > span{background:url('/images/ico_main.png') no-repeat;background-size:600px 400px;display:inline-block;width:16px;height:16px;background-position:-304px -26px;margin-right:4px;}
.checkbox:checked + label > span{background-position:-320px -26px;}

.checkbox2{display:none;}
.checkbox2 + label{color:#1B1D1F;line-height:14px;}
.checkbox2 + label > span{background:url('/images/ico_main.png') no-repeat;background-size:600px 400px;display:inline-block;width:16px;height:16px;line-height:16px;margin-right:8px;background-position:-1000px;}
.checkbox2:checked + label > span{background-position:-400px -26px;;}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}
input[type='number']{-moz-appearance: textfield;}

.vsmenu{display:flex;justify-content:flex-end;align-items:center;gap:8px;align-self:stretch;margin:16px 0;}
.vsmenu li{float:left;background:#F7F8F9;border-radius:32px;padding:7px;}
.vsmenu li.on{background:#1B1D1F;}
.vsmenu li.on label{color:#fff;}
.vsmenu li label{color:#1B1D1F;width:100%;display:inline-block;line-height:16px;}
.vsmenu li.f6{flex:.6 0 0;}
.vsmenu li.f10{flex:1 0 0;}

.xScroll{width:100%;overflow-x:auto;display:block;-ms-overflow-style:none;}
.xScroll::-webkit-scrollbar{display:none;}

.ul3{width:100%;display:flex;align-items: flex-start;justify-content: space-around;position:relative;gap:8px;}
.ul3 li{flex:1 1;position:relative;display:flex;flex-direction: column;align-items: center;}
.ul3 li.left{align-items:flex-start;}
.ul3 li > .allot{font-weight:700;color:#000;margin-top:8px;}
.ul3 li > .num{font-size:12px;line-height:14px;color:#72787F;letter-spacing:-.12px;}
.ul3 li > .str01{font-size:16px;font-weight:700;line-height:22px;letter-spacing:-.32px;color:#1B1D1F;text-align:left;margin-bottom:8px;}
.ul3 li > .str01 > sub{font-size:12px;font-weight:700;line-height:14px;letter-spacing:-.12px;color:#1B1D1F;}
.ul3 li > .str02{width:100%;color:#1B1D1F;font-weight:700;margin-top:2px;}
.ul3 li > .str02 > sub{color:#72787F;font-size:10px;font-weight:400;float:right;}
.ul3 li > .str03{color:#1B1D1F;font-size:12px;font-weight:700;line-height:14px;letter-spacing:-.12px;}
.ul3 li > .str04{color:#454C53;font-size:11px;font-weight:400;line-height:14px;margin-top:8px;}
.ul3 li > .str05{color:#454C53;font-size:13px;font-weight:700;line-height:16px;letter-spacing:-.13px;}
.cBox > .ul3.bline{border-bottom:1px solid #E8EBED;padding-bottom:16px;margin-bottom:16px;}
.cBox > .ul3.bline:last-child{padding:0;margin:0;border:none;}
.cBox > .ul3.rline li{border-right:1px solid #E8EBED;}
.cBox > .ul3.rline li:last-child{border:none;}

.allotList{width:100%}
.allotList td{padding:4px 0;text-align:center;font-size:12px;line-height:14px;letter-spacing:-.12px;color:#1B1D1F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.allotList td > span{font-size:12px;line-height:14px;letter-spacing:-.12px;color:#B20003;vertical-align:baseline;}
.allotList td > .date{font-size:10px;line-height:12px;letter-spacing:0;color:#1B1D1F;width:42px;display:inline-block;}
.allotList td > .ico-main{vertical-align:middle;}
.allotList td.w{background:#F6EAEA;}

.tbBar{width:100%;}
.tbBar tr > td{border:1px solid #E8EBED;position:relative;height:28px;}
.tbBar tr > td:first-child{border-left:none;}
.tbBar tr > td:last-child{border-right:none;text-align:right;font-size:10px;line-height:12px;font-weight:700;letter-spacing:-.12px;color:#1B1D1F;padding-right:7px;}
.tbBar tr > td > div.b{height:100%;display:inline-block;background:#E6F0F9;}
.tbBar tr > td > div.g{height:100%;display:inline-block;background:#F2F2F2;}
.tbBar tr > td > div.r{height:100%;display:inline-block;background:#F8E6E6;}
.tbBar tr > td > div.bPer{position:absolute;top:7px;left:7px;font-size:12px;font-weight:700;line-height:14px;letter-spacing:-.12px;color:#1B1D1F;}
.tbBar tr > td > div.bPer > span{right:7px;font-size:10px;font-weight:400;line-height:12px;letter-spacing:-.12px;color:#72787F;vertical-align:top;}
.tbBar tr > td > div.bCnt{position:absolute;top:8px;right:7px;font-size:10px;font-weight:700;line-height:12px;letter-spacing:-.12px;color:#1B1D1F;}



.cBox > .bMenu{display:flex;align-items:center;justify-content:space-around;padding:4px;border-radius:48px;background:#F2F4F5;margin:0 0 16px 0;}
.cBox > .bMenu > li{flex:1 1;font-size:12px;font-weight:700;line-height:14px;letter-spacing:-.12px;color:#1B1D1F;padding:8px 0;text-align:center;border-radius:24px;}
.cBox > .bMenu > li.on{background:#fff;box-shadow: 0 2px 6px 0 rgba(12, 29, 59, 0.10);}
.chart-bar{width:100%;height:8px;background:#E8EBED;display:inline-block;}
.chart-bar-bar{height:8px;}

.chart-donut{width:100%;aspect-ratio:1 / 1;border-radius:50%;transition:0.3s;background:#E8EBED;display:inline-block;position:relative;}
.chart-donut:after{content:'';background:#fff;position:absolute;top:50%;left:50%;width:70%;aspect-ratio:1 / 1;border-radius:50%;transform:translate(-50%, -50%);}
.chart-donut-bar{width:inherit;height:inherit;aspect-ratio:1 / 1;border-radius:50%;background:conic-gradient(#0062C3 90deg, #E8EBED 50deg);}
.chart-donut > .str01{position:absolute;width:100%;text-align:center;top:calc(50% - 16px);font-size:12px;line-height:14px;letter-spacing:-.12px;font-weight:700;color:#72787F;z-index:10;}
.chart-donut > .str02{position:absolute;width:100%;text-align:center;top:calc(50% + 2px);font-size:18px;line-height:22px;font-weight:900;color:#1B1D1F;z-index:10;}
.chart-donut > .str02 > span{font-size:12px;line-height:14px;font-weight:700;color:#1B1D1F;vertical-align:baseline;}

.circle1{width:22px;height:22px;display:inline-block;background:#E8EBED;font-size:12px;line-height:22px;text-align:center;border-radius:22px;vertical-align:baseline;font-weight:700;margin-right:8px;color:#1B1D1F;}
.circle1.b{background:#0062C3;color:#fff;}


/* calc pick */
#div_pickList{width:100%;min-width:360px;max-width:480px;background:rgba(255, 255, 255, .2);box-shadow:0 -12px 16px 0 rgba(0, 0, 0, 0.12);backdrop-filter: blur(40px);position:fixed;left:50%;transform:translateX(-50%);bottom:63px;z-index:120;border-radius:16px 16px 0 0;display:none;}
#div_pickList > .mini{padding:12px;display:flex;justify-content: space-between;}
#div_pickList > .mini.hide{display:none;}
#div_pickList > .mini > li{float:left;display:inline-block;}
#div_pickList > .mini > li.abox{padding:5px 12px;background:rgba(0,0,0,.5);border-radius:16px;margin-right:8px;display:flex;align-items:center;}
#div_pickList > .mini > li.abox > span{line-height:14px;}
#div_pickList > .mini > li.abox > .cnt{font-weight:700;display:inline-block;padding-right:6px;position:relative;}
#div_pickList > .mini > li.abox > .cnt:after{content:'';position:absolute;display:inline-block;right:0;top:1px;width:1px;height:12px;background:#454C53;}
#div_pickList > .mini > li.abox > .allot{padding-left:6px;display:inline-block;}
#div_pickList > .mini > li.title{line-height:28px;}
#div_pickList li.btns{}
#div_pickList li.btns > span{color:rgba(255,255,255,.8);line-height:28px;display:inline-block;}
#div_pickList li.btns > .init{padding:0 8px;position:relative;}
#div_pickList li.btns > .init:after{content:'';position:absolute;top:8px;right:0;width:1px;height:12px;background:rgba(255,255,255,.2);}
#div_pickList li.btns > .save{padding:0 4px 0 8px;}
#div_pickList > .pickTitle{padding:12px;display:flex;justify-content:space-between;}
#div_pickList > .pickTitle.hide{display:none;}
#div_pickList > .pickTitle > li{float:left;}
#div_pickList > .pickTitle > .title{font-size:16px;font-weight:700;letter-spacing:-.32px;line-height:28px;}
#div_pickList > .pickList{background:rgba(255,255,255,.05);max-height:220px;overflow-y:auto;display:none;}
#div_pickList > .pickList > li{padding:12px;width:100%;display:flex;justify-content:space-between;align-items:center;position:relative;}
#div_pickList > .pickList > li.s2,#div_pickList > .pickList > li.s3,#div_pickList > .pickList > li.s4,#div_pickList > .pickList > li.s5,#div_pickList > .pickList > li.s6,#div_pickList > .pickList > li.s7{opacity:.3;}
#div_pickList > .pickList > li > .lbox{;display:flex;justify-content:flex-start;align-items:center;width:60%;}
#div_pickList > .pickList > li > .rbox{display:flex;justify-content:flex-end;align-items:center;width:40%;}
#div_pickList > .pickList > li > .lbox > span{margin-right:8px;}
#div_pickList > .pickList > li > .rbox > span{margin-left:8px;}
#div_pickList > .pickList > li .gameNo{font-weight:700;width:40px;}
#div_pickList > .pickList > li .homeName{font-weight:700;position:relative;width:calc(100% - 148px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#div_pickList > .pickList > li .homeName:after{content:'';position:absolute;width:1px;height:12px;right:-9px;top:3px;background:rgba(255, 255, 255, 0.20);}
#div_pickList > .pickList > li .result{color:rgba(255,255,255,.8);margin-left:8px;width:50px;}
#div_pickList > .pickList > li .gEnd{background:#B20003;padding:5px 8px;font-size:12px;line-height:14px;letter-spacing:-.12px;font-weight:700;border-radius:24px;}
#div_pickList > .pickList > li .gType{background:rgba(0,0,0,.8);padding:5px 8px;color:#E8EBED;font-size:12px;line-height:14px;letter-spacing:-.12px;font-weight:700;border-radius:24px;}
#div_pickList > .pickInfo{background:rgba(255,255,255,.2);padding:16px 4px 24px 4px;display:inline-block;}
#div_pickList > .pickInfo.hide{display:none;}
#div_pickList > .pickInfo > li{width:50%;padding:0 8px 8px 8px;height:26px;float:left;display:flex;gap:8px;align-items:center;justify-content:space-between;flex:1 0 0;position:relative;}
#div_pickList > .pickInfo > li:nth-child(1):after{content:'';position:absolute;right:0;top:0;width:1px;height:}
#div_pickList > .pickInfo > li:nth-child(3):after{content:'';position:absolute;right:0;top:0;width:1px;height:}
#div_pickList > .pickInfo > li > label{color:rgba(255,255,255,.8);width:80px;}
#div_pickList > .pickInfo > li > label > span.alert{margin-left:8px;}
#div_pickList > .pickInfo > li > span{width:calc(100% - 50px);display:inline-block;text-align:right;}
#div_pickList > .pickInfo > li > span > .price{padding:3px 6px;background:rgba(0,0,0,.3);border-radius:4px;text-align:right;font-weight:700;border:none;width:calc(100% - 20px);outline:none;}

#div_taxInfo{position:fixed;width:100%;min-width:360px;max-width:480px;z-index:999;top:50%;transform:translateY(-50%);padding:0 16px;font-size:0;display:none;}
#div_taxInfo > button.closeX{position:absolute;bottom:-88px;left:50%;transform:translateX(-50%);background-color:#22272E;border:none;width:48px;height:48px;border-radius:48px;}
.bBox{padding:12px;border-radius:16px;background:#fff;display:inline-block;}
.bTitle{padding:4px 0 16px 0;font-size:18px;font-weight:700;line-height:22px;letter-spacing:-.36px;color:#1B1D1F;}
.bSub{padding:8px 0;font-size:16px;line-height:20px;letter-spacing:-.32px;color:#1B1D1F;}
.bInfo{padding:16px 0 0 0;}
.bInfo > li{padding:0 0 8px 14px;color:#454C53;position:relative;}
.bInfo > li:before{content:'';position:absolute;top:6px;left:3px;width:4px;height:4px;background:#454C53;border-radius:4px;}
.bInfo > li > b{font-weight:700;color:#454C53;vertical-align:baseline;}
.bInfo > li.tit{padding-left:0;font-size:16px;font-weight:700;line-height:20px;letter-spacing:-.32px;color:#1B1D1F;}
.bInfo > li.tit:before{display:none;}
.bExp{padding:8px 0;color:#B20003;}

/* 가상영수증 */
#div_receipt{position:fixed;z-index:160;height:100%;top:0;left:50%;transform:translateX(-50%);background:#193155;overflow-y:auto;display:none;}
.header{position:sticky;width:100%;display:inline-block;top:0;background:#193155;z-index:50;}
.header > .top-title{display:flex;width:100%;height:54px;padding:0 10px;justify-content:space-between;align-items:center;border-bottom:1px solid #203A62;}
.header > .top-title > .tit{position:relative;width:calc(100% - 24px);font-size:16px;font-weight:700;letter-spacing:-.32px;display:flex;align-items:center;justify-content:center;}
.header > .top-title > .tit > .receiptNum{width:24px;height:24px;background:#fff;border-radius:24px;color:#1B1D1F;text-align:center;line-height:24px;font-weight:700;letter-spacing:-.12px;display:inline-block;margin-right:8px;}
.header > .top-title > .tit > .result{position:absolute;left:4px;top:-2px;padding:5px 8px;font-weight:700;background:#C00023;border-radius:24px;}
.header > .top-title > .tit > .result.blue{background:#0062C3;}
.header > .top-times{width:100%;padding:16px 12px;display:flex;justify-content:space-between;}
.header > .top-times > span{font-size:12px;color:rgba(255,255,255,.5);letter-spacing:-.12px;line-height:14px;}
.header > .top-round{margin:0 auto 16px auto;padding:0 12px;width:calc(100% - 24px);height:40px;border-radius:40px;background:#152439;display:flex;justify-content:space-between;align-items:center;}
.header > .top-round span{font-weight:700;color:#fff;}

.footer{position:sticky;width:100%;display:inline-block;bottom:0;z-index:50;background:rgba(255, 255, 255, 0.20);backdrop-filter:blur(40px);padding:6px 0;border-radius:16px 16px 0 0;}
.footer > .fInfo{padding:10px 0;width:100%;display:inline-block;}
.footer > .fInfo li{width:50%;float:left;padding:6px 12px;display:flex;justify-content:space-between;position:relative;font-weight:700;}
.footer > .fInfo li:nth-child(1):after{content:'';position:absolute;width:1px;height:25px;bottom:0;right:0;background:rgba(255,255,255,.1);}
.footer > .fInfo li:nth-child(3):after{content:'';position:absolute;width:1px;height:25px;top:0;right:0;background:rgba(255,255,255,.1);}
.footer > .fView{margin:12px auto;display:block;width:calc(100% - 24px);height:36px;border-radius:36px;background:rgba(255,255,255,.1);font-weight:700;text-align:center;line-height:36px;}
.footer > .fBtns{padding:6px 0 12px 0;height:44px;display:flex;justify-content:space-around;align-items:center;gap:16px;}
.footer > .fBtns > li{display:flex;align-items:center;justify-content:center;width:25%;height:26px;cursor:pointer;}
.footer > .fBtns > li > .ico-main{margin-right:2px;}

/* 영수증 */
#div_formalReceipt{width:100%;min-width:360px;max-width:480px;top:50%;left:50%;transform:translate(-50%, -50%);position:fixed;background:url('/images/bg_gscore.png') repeat-y right top #fff;z-index:511;display:none;}
#div_formalReceipt > .top-logo{padding:13px 8px;position:relative;}
#div_formalReceipt > .top-logo > .result{position:absolute;top:12px;right:66px;width:60px;padding:5px 0;text-align:center;background:#C00023;border-radius:24px;}
#div_formalReceipt > .top-logo > .result.blue{background:#0062C3;}
#div_formalReceipt > .top-logo > .closeX{position:absolute;top:8px;right:26px;filter:invert(1);}
#div_formalReceipt > .top-title{display:flex;justify-content:space-between;align-items:center;padding:8px 36px 5px 12px;}
#div_formalReceipt > .top-title > span{font-weight:700;color:#1B1D1F;}
#div_formalReceipt > .top-title > span.f24{font-size:24px;line-height:28px;letter-spacing:-.48px;}
#div_formalReceipt > .top-title > span.f13{font-size:13px;font-weight:400;letter-spacing:-.13px;}
#div_formalReceipt > .top-title.sub{padding:0 36px 16px 12px;}

#div_formalReceipt > .game-box{width:100%;max-height:360px;overflow-y:auto;}
#div_formalReceipt > .game-box > .game-list{width:calc(100% - 48px);margin:0 36px 16px 12px;position:relative;}
#div_formalReceipt > .game-box > .game-list:before{content:'';position:absolute;width:100%;height:1px;top:0;background:url('/images/bg_dashed.png') repeat-x;}
#div_formalReceipt > .game-box > .game-list:after{content:'';position:absolute;width:100%;height:1px;bottom:0;background:url('/images/bg_dashed.png') repeat-x;}
#div_formalReceipt > .game-box > .game-list thead:before{content:'';position:absolute;width:100%;height:1px;top:34px;background:url('/images/bg_dashed.png') repeat-x;}
#div_formalReceipt > .game-box > .game-list th{font-weight:700;position:relative;color:#1B1D1F;text-align:center;padding:8px 0;margin-bottom:8px;}
#div_formalReceipt > .game-box > .game-list td{color:#1B1D1F;padding:0 5px 8px 0;position:relative;}
#div_formalReceipt > .game-box > .game-list td.success:after{content:'';position:absolute;bottom:5px;right:7px;width:20px;height:20px;border:2px solid #E20C33;border-radius:20px;}
#div_formalReceipt > .game-box > .game-list td.fail:after{content:'';position:absolute;width:40px;height:2px;background:#0062C3;display:block;transform:rotate(-25deg);bottom:15px;right:5px;}
#div_formalReceipt > .game-box > .game-list td.last{padding-right:0;}
#div_formalReceipt > .game-box > .game-list td.f18{font-size:18px;}
#div_formalReceipt > .game-box > .game-list > thead > tr > th{position: sticky;z-index:1;top:0;}
#div_formalReceipt > .game-box > .game-list > tbody > tr:first-child > td{padding-top:8px;}
#div_formalReceipt > .game-box > .game-list > tbody > tr.dis > td{opacity:.5;}
#div_formalReceipt > .game-box > .game-list > tbody > tr.cancle > td{text-decoration:line-through;}

#div_formalReceipt > .game-info{width:100%;padding:0 36px 36px 12px;}
#div_formalReceipt > .game-info > li{width:100%;display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;}
#div_formalReceipt > .game-info > li *{font-size:16px;font-weight:700;letter-spacing:-.32px;line-height:20px;color:#1B1D1F;}
#div_formalReceipt > .game-info > li > label{width:50%;text-align:right;}
#div_formalReceipt > .game-info > li > span{width:50%;font-weight:400;text-align:right;}
#div_formalReceipt > button.download{width:calc(100% - 48px);border:none;padding:7px 16px;text-align:center;margin:0 0 16px 12px;font-weight:700;background:#454C53;border-radius:24px;}
#div_formalReceipt > button.closeX{position:absolute;bottom:-88px;left:50%;transform:translateX(-50%);background-color:#22272E;border:none;width:48px;height:48px;border-radius:48px;}

#div_receiptList{width:100%;height:100%;overflow-y:auto;position:fixed;top:0;left:0;z-index:200;display:none;}
#div_receiptList > .box{width:100%;min-width:360px;max-width:480px;min-height:100%;display:block;margin:0 auto;background:#fff;}
#div_receiptList > .box > .title{padding:15px 10px;text-align:center;color:#1B1D1F;font-size:16px;line-height:20px;font-weight:700;letter-spacing:-.32px;}
#div_receiptList > .box > .title > .arrow-left-b{float:left;}
#div_receiptList > .box > .title2{padding:24px 12px 8px 12px;color:#1B1D1F;font-size:16px;line-height:20px;font-weight:700;letter-spacing:-.32px;}
#div_receiptList > .box > .title2 > .right{font-size:12px;color:#1B1D1F;line-height:14px;font-weight:400;letter-spacing:-.12px;float:right;}
#div_receiptList > .box > .title2.line{margin-top:24px;border-top:1px solid #F7F8F9;}
#div_receiptList > .box > .title3{padding:16px 12px;text-align:left;color:#1B1D1F;font-size:18px;line-height:22px;letter-spacing:-.36px;font-weight:700;}

#div_receiptList > .box > .menu{width:calc(100% - 24px);margin:16px 12px 24px 12px;background:#1B1D1F;padding:4px;border-radius:48px;display:flex;}
#div_receiptList > .box > .menu > li{width:50%;float:left;text-align:center;font-weight:700;padding:7px 0;border-radius:24px;}
#div_receiptList > .box > .menu > li.on{background:#fff;color:#1B1D1F;}
#div_receiptList > .box > .menu-sub{display:flex;justify-content:space-between;align-items:center;padding:0 12px 16px 12px;}
#div_receiptList > .box > .menu-sub > li{float:left;color:#1B1D1F;font-size:18px;font-weight:700;line-height:22px;letter-spacing:-.36px;}
#div_receiptList > .box > .menu-sub > li > .arrow-cleft{margin-right:16px;}
#div_receiptList > .box > .menu-sub > li > .arrow-cright{margin-left:16px;}
#div_receiptList > .box > .menu-sub > .all-delete{padding:7px 12px;text-align:center;color:#1B1D1F;border:1px solid #C9CDD2;border-radius:24px;font-size:14px;font-weight:400;line-height:18px;letter-spacing:-.14px;}
#div_receiptList > .box > .menu-sub > .all-delete > .delete{filter:invert(1);}
#div_receiptList > .box > .info{display:block;width:calc(100% - 24px);margin:0 12px 24px 12px;padding:16px;box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);border:1px solid #E8EBED;border-radius:16px;}
#div_receiptList > .box > .info > li{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#1B1D1F;}
#div_receiptList > .box > .info > li:last-child{margin-bottom:0;}
#div_receiptList > .box > .info > li *{color:#1B1D1F;}
#div_receiptList > .box > .info > li span{font-weight:700;}
#div_receiptList > .box > .info > li span.red{color:#B20003;}
#div_receiptList > .box > .info > li span.blue{color:#0062C3;}
#div_receiptList > .box > .info > li.nobetting{text-align:center;flex-direction:column;padding:20px 0;}
#div_receiptList > .box > .info > li.nobetting > .noresult{margin-bottom:16px;}
#div_receiptList > .box > .info > li.top{font-size:18px;font-weight:700;line-height:22px;letter-spacing:-.36px;color:#1B1D1F;margin-bottom:8px;}
#div_receiptList > .box > .info > li.top span.red{font-size:18px;font-weight:700;line-height:22px;letter-spacing:-.36px;color:#C00023;}
#div_receiptList > .box > .info > li.exp{color:#454C53;border-bottom:1px solid #E8EBED;padding-bottom:16px;}
#div_receiptList > .box > .no-data{display:block;width:calc(100% - 24px);margin:0 12px 24px 12px;padding:87px 0 81px 0;text-align:center;font-weight:400;color:#9EA4AA;background:#F7F8F9;border-radius:16px;}
/*
#div_receiptList > .box > .list{padding:24px 12px;column-gap:8px;column-count:2;}
#div_receiptList > .box > .list > li{display:inline-block;float:left;width:100%;break-inside:avoid;background:#F7F8F9;color:#1B1D1F;margin-bottom:8px;border-radius:8px;}
*/
#div_receiptList > .box > .list{padding:24px 4px 24px 12px;display:inline-block;border-top:1px solid #F7F8F9;}
#div_receiptList > .box > .list > li{float:left;display:block;width:calc(50% - 8px);margin-right:8px;background:#F7F8F9;border-radius:16px;}
#div_receiptList > .box > .list > li > .tit{padding:12px 12px 0 12px;}
#div_receiptList > .box > .list > li > .tit > .num{width:24px;height:24px;line-height:24px;text-align:center;font-weight:700;background:#1B1D1F;border-radius:24px;display:inline-block;}
#div_receiptList > .box > .list > li > .tit > .result{height:24px;padding:0 9px;font-weight:700;display:inline-block;line-height:24px;border-radius:24px;color:#fff;margin-left:4px;}
#div_receiptList > .box > .list > li > .bet-list{width:calc(100% - 24px);margin:0 12px;}
#div_receiptList > .box > .list > li > .bet-list > tbody > tr > td{display:table-cell;align-items:center;position:relative;align-items:center;}
#div_receiptList > .box > .list > li > .bet-list > tbody > tr:nth-child(odd) > td{padding:8px 0 2px 0;font-weight:700;}
#div_receiptList > .box > .list > li > .bet-list > tbody > tr:nth-child(odd) > td > span{font-weight:700;vertical-align:baseline;}
#div_receiptList > .box > .list > li > .bet-list > tbody > tr:nth-child(even) > td{padding:0 0 8px 0;border-bottom:1px solid #E8EBED;}
#div_receiptList > .box > .list > li > .bet-list > tbody > tr > td.last{border-bottom:1px solid #454C53 !important;}
#div_receiptList > .box > .list > li > .bet-list > tbody > tr > td.success:after{content:'';position:absolute;top:4px;left:2px;width:20px;height:20px;border:2px solid rgba(192,0,35,.8);border-radius:20px;}
#div_receiptList > .box > .list > li > .bet-list > tbody > tr > td.fail:after{content:'';position:absolute;width:40px;height:2px;background:rgba(0,98,195,.8);display:block;transform:rotate(-25deg);top:14px;left:-8px;}
#div_receiptList > .box > .list > li > .bet-list > tbody > tr > td > .round{font-size:18px;line-height:18px;}
#div_receiptList > .box > .list > li > .bet-list > tbody > tr.dis > td{opacity:.5;}
#div_receiptList > .box > .list > li > .bet-list > tbody > tr.cancle > td{text-decoration:line-through;}
#div_receiptList > .box > .list > li > .bet-list *{color:#1B1D1F;}
#div_receiptList > .box > .list > li > .gInfo{padding:0 12px 10px 12px;}
#div_receiptList > .box > .list > li > .gInfo > li{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;line-height:14px;letter-spacing:-.12px;color:#1B1D1F;padding-top:8px;}
#div_receiptList > .box > .list > li > .gInfo > li > label{font-size:12px;line-height:14px;letter-spacing:-.12px;color:#1B1D1F;}
#div_receiptList > .box > .list > li > button{padding:8px;text-align:center;font-size:12px;line-height:16px;letter-spacing:-.12px;color:#1B1D1F;font-weight:700;border:none;background:#E8EBED;display:flex;align-items:center;justify-content:center;float:left;width:100%;border-radius:0 0 16px 16px;}
#div_receiptList > .box > .list > li > button > .ico-main{margin-right:2px;filter:invert(1);}
#div_receiptList > .box > .list > li > button.down{width:60%;background:#DFE2E3;border-radius:0 0 16px 0;}

#div_receiptList > .box > .mDiv{padding: 0 0 12px 0;width:calc(100% - 24px);margin:0 12px;overflow-x: auto;-ms-overflow-style: none;}
#div_receiptList > .box > .mDiv::-webkit-scrollbar{display:none;}
#div_receiptList > .box > .mDiv > .month{display:flex;width:100%;gap:24px;border-bottom:1px solid #E8EBED;padding:0 12px;justify-content:flex-start;}
#div_receiptList > .box > .mDiv > .month > li{display: inline-block;vertical-align: baseline;white-space: nowrap;float: leftfont-size:18px;color:#9EA4AA;font-weight:700;line-height:22px;letter-spacing:-.36px;text-align:center;padding:8px 0;}
#div_receiptList > .box > .mDiv > .month > li > span{color:#9EA4AA;vertical-align:baseline;line-height:22px;}
#div_receiptList > .box > .mDiv > .month > li.on{color:#1B1D1F;border-bottom:2px solid #1B1D1F;}
#div_receiptList > .box > .mDiv > .month > li.on > span{color:#1B1D1F;}

#div_receiptList > .box > .graph{width:calc(100% - 24px);aspect-ratio:336 / 186;margin:0 12px 24px 12px;}
#div_receiptList > .box > .score{width:calc(100% - 24px);margin:12px 12px 0 12px;display:flex;padding:16px 0;}
#div_receiptList > .box > .score > li{flex:1;text-align:center;color:#1B1D1F;}
#div_receiptList > .box > .score > li.time{font-size:24px;font-weight:900;line-height:28px;color:#1B1D1F;}
#div_receiptList > .box > .score > li > .teamName{margin-top:4px;font-weight:500;color:#1B1D1F;}
#div_receiptList > .box > .score > li.time > div{width:100%;margin-bottom:4px;color:#1B1D1F;}

#div_receiptList > .box > .div-allot{display:inline-block;border:1px solid #C9CDD2;border-radius:8px;width:calc(100% - 24px);margin:0 12px;}
#div_receiptList > .box > .div-allot > .tb-allot{width:100%;border-radius:8px;border-collapse:collapse;border-style: hidden;}
#div_receiptList > .box > .div-allot > .tb-allot th, #div_receiptList > .box > .div-allot > .tb-allot td{color:#1B1D1F;text-align:center;padding:8px;border:1px solid #C9CDD2;}
#div_receiptList > .box > .div-allot > .tb-allot th{font-size:12px;line-height:14px;letter-spacing:-.12px;font-weight:700;background:#F7F8F9;}
#div_receiptList > .box > .div-allot > .tb-allot th:first-child{border-radius:8px 0 0 0;}
#div_receiptList > .box > .div-allot > .tb-allot th:last-child{border-radius:0 8px 0 0;}
#div_receiptList > .box > .div-allot > .tb-allot td{text-align:left;}
#div_receiptList > .box > .div-allot > .tb-allot td > span{vertical-align:baseline;color:#9EA4AA;display:inline-block;margin-right:8px;}
#div_receiptList > .box > .div-allot > .tb-allot td > span.ico-main{margin:0 !important;vertical-align:top;float:right;}
#div_receiptList > .box > .div-allot > .tb-allot td > b{color:#1B1D1F;font-weight:700;}

#div_receiptList > .box > .betsite{padding:12px;width:calc(100% - 24px);background:#EFF4F9;border-radius:8px;margin:0 auto;}
#div_receiptList > .box > .betsite > .dScrolls{display:inline-block;}
#div_receiptList > .box > .betsite > .dScrolls > ul{display:inline-flex; gap: 4px;}
#div_receiptList > .box > .betsite > .dScrolls > ul > li{display: inline-block;vertical-align: baseline;white-space: nowrap;float: left;padding: 8px 16px;background: #fff;border-radius: 32px;line-height: 16px;}
#div_receiptList > .box > .betsite > .dScrolls > ul > li.on{background:#1B1D1F;}
.bar12{display:inline-block;width:1px;height:12px;background:#9EA4AA;margin:0 8px;}

#div_calcForm{width:calc(100% - 24px);max-width:432px;height:70%;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;z-index:999;border-radius:16px;display:none;}
#div_calcForm > .title{padding:16px 12px;font-size:18px;font-weight:700;line-height:22px;letter-spacing:-.36px;color:#1B1D1F;}
#div_calcForm > .proto-osid{width:100%;border-bottom:1px solid #E8EBED;display:flex;gap:24px;padding:0 12px;}
#div_calcForm > .proto-osid > li{flex:1;color:#9EA4AA;font-weight:700;line-height:18px;padding:8px 0;text-align:center;}
#div_calcForm > .proto-osid > li.on{color:#1B1D1F;border-bottom:2px solid #1B1D1F;}
#div_calcForm > .proto-list-box{width:100%;height:calc(100% - 90px);overflow-y:auto;}
#div_calcForm > .proto-list-box > .proto-list{margin:0 12px;width:calc(100% - 24px);}
#div_calcForm > .proto-list-box > .proto-list td{width:calc(100% - 60px);color:#1B1D1F;font-size:16px;font-weight:700;letter-spacing:-.32px;line-height:20px;padding:16px 0 8px 0;text-align:left;}
#div_calcForm > .proto-list-box > .proto-list td.game-no{width:60px;color:#B20003;}
#div_calcForm > .proto-list-box > .proto-list td.allot{width:100%;padding:8px 0 16px 0;border-bottom:1px solid #E8EBED;}
#div_calcForm > .proto-list-box > .proto-list tr{display:none;}
#div_calcForm > .proto-list-box > .proto-list tr.on{display:table-row;}
#div_calcForm > .proto-list-box > .proto-list tr:last-child > td{border:none;}
#div_calcForm > .proto-list-box > .proto-list td > ul{width:100%;display:flex;gap:8px;}
#div_calcForm > .proto-list-box > .proto-list td > ul > li{flex:1;border:1px solid #C9CDD2;border-radius:40px;padding:9px 16px;text-align:center;color:#1B1D1F;font-size:12px;font-weight:700;line-height:14px;letter-spacing:-.12px;}
#div_calcForm > .proto-list-box > .proto-list td > ul > li.none{border:none;}
#div_calcForm > .proto-list-box > .proto-list td > ul > li.sel{background:#1B1D1F;border-color:#1B1D1F;color:#fff;}
#div_calcForm > .proto-list-box > .proto-list td > ul > li.noclick{background:#EBEBEB;color:#C3C3C3;}
#div_calcForm > .closeX{position:absolute;bottom:-88px;left:50%;transform:translateX(-50%);background-color:#22272E;border:none;width:48px;height:48px;border-radius:48px;}
.gameLive{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;}

.dScrolls{width:100%;overflow-x: auto;-ms-overflow-style: none;}
.dScrolls::-webkit-scrollbar{display:none;}