/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
button{border: none;background:none;cursor: pointer;}
ol, ul {list-style: none;}
a{text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
table {	border-collapse: collapse;border-spacing: 0;}
*{box-sizing: border-box;scrollbar-width: none; -ms-overflow-style: none;}
*::-webkit-scrollbar {display: none;}
*:focus{border: none; outline: none;}

.bc0{background: #236ede !important; color: #fff !important;}

/* guide */
.guide{font-size: 14px; line-height: 21px; color: #999; padding: 20px 0 40px;}
.guide .red{color: #db1717} 

.mt30{margin: 30px 0 0 0 !important;}

/* radio, checkbox */
input::placeholder{color: #999;}
input[type="radio"],input[type="checkbox"],.css_radio,.css_checkbox,.wdl_ck{display: none !important;}
.css_radio+label,.css_checkbox+label{display: inline-block; margin: 0; cursor: pointer; position: relative; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: -0.014em;text-indent: -26px; padding: 0 0 0 26px; }
.css_radio.check_only+label,.css_checkbox.check_only+label{font-size: 0;}
.css_radio+label:before, .css_checkbox+label:before{content:''; display: inline-block; width: 20px; height: 20px; border-radius: 100%; background: #fff; border: 1px solid #dbdbdb ; box-sizing: border-box; vertical-align: top; margin: 0 6px 0 0;}
.css_radio+label:before{border-radius: 100%;}
.css_radio:checked+label:before, .css_checkbox:checked+label:before{background: var(--brand-standard, #236EDE); border: none;}
.css_radio:checked+label:after,.css_checkbox:checked+label:after{content: ''; display: block; position: absolute; top: 4px; left: 7px; box-sizing: border-box; width: 6px; height: 10px; transform: rotate(45deg); border: 2px solid #fff; border-top: 0; border-left: 0; border-radius: 0; background: none; margin: 0;}

.wdl_ck+label{border: 1px solid #aaa;box-shadow: 2px 2px #e0e0e0;border-radius: 3px;display: inline-block;vertical-align: middle;
    cursor: pointer;width: calc(100% - 10px);padding:4px 0;color: #555;min-width: 30px;}
.wdl_ck.end_chk+label{border: 1px solid #1a53a9;
    box-shadow: none;
    border-radius: 3px;
    display: inline-block;vertical-align: middle;
    cursor: pointer;
    width: calc(100% - 10px);
    padding: 4px 0;
    color: #1a53a9;
    min-width: 30px;
    background: #eaf3ff;
    font-weight: 800;}
.wdl_ck.check_only+label{font-size: 0;}
.wdl_ck+label:before{content:'';}
.wdl_ck:checked+label{background: #236ede;color: #fff;box-shadow: none;border: 1px solid #236ede;}
.wdl_ck:checked+label .fs_01{color: #fff !important;}

.container{padding: 25px 25px 50px;}
.fixed{position: fixed; left: 50%; z-index: 100; padding: 0 25px; width: 500px; margin-left:-250px;}


/* input */
.input_wrap{position: relative; margin: 0 0 10px;}
.input_txt{width: 100%; height: 52px; background: #f1f1f5; font-size: 14px; letter-spacing: -0.013em;  border: 1px solid #f1f1f5; padding: 0 12px; border-radius: 0;}
.input_txt.white{background: #fff;}
.input_txt.caution{border-bottom: 1px solid #eb1717;}
.input_wrap .input_del{position: absolute; right: 6px; top: 6px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center;}
.input_wrap .input_del:before{content: ''; display: block; width: 22px; height: 22px; border-radius: 100%; background: #D4D4D8;}
.input_wrap .input_del:after{content: ''; display: block; width: 10px; height: 10px; background: url('/img/icon.svg')no-repeat -200px 0; background-size: 500px; position: absolute;}
.input_wrap .msg{display: block; font-size: 14px; line-height: 21px; color: #db1717; margin: 10px 0 0 0;}
.input_wrap .msg.gray{color: #999;}
.input_wrap .msg .red{color: #db1717;}

.flex{display: flex;}
.flex > *{flex-grow: 1; margin: 0;}
.flex .btn{font-size: 14px; padding: 0 20px; flex-shrink: 0; flex-grow: 0;}

/* button */
.btn_wrap{display: flex; margin-top: 25px;}
.btn_wrap > *{flex-grow: 1; flex-basis: 0; /*height: 45px; font-size: 15px; font-weight: 700;*/}
.btn_wrap > *:not(:last-child){/*margin: 2px 0 0 0;*/}
.btn_wrap .btn_ok{background: #236ede !important; color: #fff !important;}
.btn_wrap .btn_cancel{background: #fff;  border: 1px solid #dbdbdb !important; color: #191919 !important;}
.btn_wrap .confirm{width: 100%; height: 52px; font-size: 16px; font-weight: 700; }
.btn_wrap.fixed{ bottom: 35px;}

/* header */
.head{height: 60px; z-index: 100; position: relative}
.head .fixed_wrap > *{display: flex; align-items: center;}
.head .back{display: inline-block; width: 35px; height: 35px; background: url('/img/icon.svg')no-repeat -10px 10.5px; background-size: 500px; margin: 0 8px 0 0;}
.head .menu{display: inline-block; width: 35px; height: 35px; background: url('/img/icon.svg')no-repeat -220px 0; background-size: 500px; margin: 0 13px 0 0;}
.head .page_title{display: flex; align-items: center;  font-size: 20px; line-height: 60px; font-weight: 400; letter-spacing: -0.02em;}
.head .page_title .logo{display: inline-block;width: 74px; height: 19px; background: url('/img/')no-repeat -265px 0;background-size: 500px;}
.head .calc{display: inline-block; width: 35px; height: 35px; background: url('/img/icon.svg')no-repeat -349px 0;background-size: 500px; margin: 0 5px 0 0;}
.head .alrim{display: inline-block; width: 30px; height: 35px; background: url('/img/alrim.svg')no-repeat center;margin: 0 5px 0 0;background-size:24px}
.head .search{display: inline-block; width: 25px; height: 25px; background: url('/img/search_icon.svg')no-repeat;background-size: contain; margin: 0 5px 0 0;}
.head .fixed_wrap{height: 60px; display: flex; align-items: center; padding: 0 20px; justify-content: space-between; background: #fff;border-bottom: 1px solid #fff;}
.head .fixed_wrap.fixed{border-bottom: 1px solid #eee;}

/* nav */
.nav_wrap {display:none}
.nav_wrap.on {display:block}
.nav_wrap .nav{ top: 0; width: 350px; height: 100%; background: #fff; z-index: 1000; padding: 20px 25px; overflow-y: scroll; font-family: 'NanumSquareNeo';}
.nav_wrap .nav .logo{display: block;width: 74px; height: 19px; background: url('/img/')no-repeat -265px 0;background-size: 500px;}
.nav_wrap .nav .profile{display: flex; align-items: center;}
.nav_wrap .nav .profile .img{width: 38px; height: 38px; margin: 0 10px 0 0; flex-shrink: 0; border: 1px solid #ebebeb; border-radius: 100%; overflow: hidden;}
.nav_wrap .nav .profile .img img {width:100%; height:100%; object-fit: contain; }
.nav_wrap .nav .profile .info{flex-grow: 1; width: 0; display: flex; flex-direction: column; }
.nav_wrap .nav .profile .name{font-size: 16px;}
.nav_wrap .nav .profile .msg{font-size: 12px; margin: 5px 0 0 0;height: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nav_wrap .nav .hit_rate{margin: 10px 0; display: flex; justify-content: space-between; align-items: center;}
.nav_wrap .nav .hit_rate dt{font-size: 12px; font-weight: 600;}
.nav_wrap .nav .hit_rate dd{display: flex; flex-direction: row; align-items: center;gap: 10px;}
.nav_wrap .nav .hit_rate dd .per{color: #236ede; font-size: 34px; font-weight: 600; letter-spacing: -0.05em;}
.nav_wrap .nav .hit_rate dd .ratio{font-size: 14px;}
.nav_wrap .nav .ctg_wrap{margin: 30px 0 0 0;}
.nav_wrap .nav .ctg_wrap > *:not(:first-child){margin: 12px 0 0 0;}
.nav_wrap .nav .ctg_wrap .large{display: flex; }
.nav_wrap .nav .ctg_wrap .large ul{flex-basis: 50%;}
.nav_wrap .nav .ctg_wrap a{display: inline-block; height: 38px; line-height: 38px; width: 100%; font-size: 16px; color: #3d3d3d;}
.nav_wrap .nav .ctg_wrap .large a{height: 36px; line-height: 36px; font-size: 18px;}
.nav_wrap .nav .ctg_wrap .active a{font-weight: 600; color: #236ede;}
.dim{display: none; top: 0; height: 100%; background: rgba(0,0,0,0.3); z-index: 998;}
.on .dim{display: block;}

/* filter_layer */
.filter_layer .filter{ top: 0; width: 350px; height: 100%; background: #fff; z-index: 999; padding: 20px 25px; overflow-y: scroll; right: 50%; left: auto; margin-left: 0; margin-right: -250px;}
.filter_layer .title{margin: 0 0 10px; font-size: 20px; line-height: 20px; font-weight: 600;}
.filter_layer .title .filter_close{display: inline-block; width: 26px; height: 26px; background: url('/img/icon.svg')no-repeat -267px -105px; background-size: 500px;position: absolute; right: 20px; top: 17px; }
.filter_layer .sec:not(.title+.sec){border-top: 1px solid #d2d4d6;}
.filter_layer .sec{padding: 10px 0; display: flex; flex-wrap: wrap;}
.filter_layer .sec h6{font-size: 18px; line-height: 37px; font-weight: 500; flex-basis: 100%;}
.filter_layer .sec label{margin: 10px 0 ; flex-basis: 50%;}


/* bottom_nav */
.bottom_nav{bottom: 0; height: 60px; background: #fff; border-top: 1px solid #ccc; padding: 0;}
.bottom_nav li{display: inline-block; float: left; width: 20%; height: 100%; }
.bottom_nav li a{display: inline-block; width: 100%; height: 100%; text-align: center; font-size: 12px; color: #3d3d3d;}
.bottom_nav li a:before{content: ''; display: block; width: 22px; height: 22px; margin: 13px auto 3px; background: url('/img/icon.svg')no-repeat; background-size: 500px; background-position-y: -45px}
.bottom_nav li.active a{color: #236ede; font-size: 600;}
.bottom_nav li.home a:before{background-position-x:0px;}
.bottom_nav li.favorit a:before{background-position-x:-22px;}
.bottom_nav li.rank a:before{background-position-x:-44px;}
.bottom_nav li.chat a:before{background-position-x:-66px;}
.bottom_nav li.commu a:before{background-position-x:-112px;}
.bottom_nav li.profile a:before{background-position-x:-88px;}
.bottom_nav li.active a:before{background-position-y:-77px;}


/* tab */
.tab_common{display: flex; border-bottom: 1px solid #d2d4d6; height: 45px; position: sticky; top: 56px; background: #fff; z-index: 10;}
.tab_common li{position: relative;}
.tab_common li:not(:last-child):after{content: ''; display: block; position: absolute; right: 0; top: 14px; width: 1px; height: 16px; background: #d2d4d6}
.tab_common li span{position: relative; display: inline-flex; /*line-height: 44px;*/height: 100%;align-items: center;}
.tab_common li.active span:before{content: ''; display: block; position: absolute; left: -5px; bottom: -1px; width: calc(100% + 10px); height: 3px; background: #236ede}
.tab_common > *, .tab_common a{flex-shrink: 0; flex-basis: 0; flex-grow: 1;text-align:  center; font-size: 15px; /*line-height: 43px;*/}
.tab_common .active, .tab_common .active a{font-weight: 600;}

i.up:before{content: ''; display: inline-block; width: 7px; height: 9px; background: url('/img/bet_up.svg')no-repeat;margin: 0 2px 0 0;}
i.down:before{content: ''; display: inline-block; width: 7px; height: 9px; background: url('/img/bet_down.svg')no-repeat bottom center;margin: 0 2px 0 0;}

/* 로그인 */
.login .summary{margin: 0 0 25px;}
.login .summary img{display: block; width: 63px; margin: 15px auto 10px;}
.login .summary h2{font-size: 36px; line-height: 40px; font-weight: 300; letter-spacing: -0.036em;}
.login .chk_wrap{display: flex;}
.login .chk_wrap > *:not(:last-child){margin: 0 12px 0 0;}
.login .sns_login{margin: 28px 0 0 0; display: flex; flex-wrap: wrap;}
.login .sns_login > *{flex-basis: 45%; border: 1px solid #dbdbdb; flex-grow: 1; height: 42px; line-height: 42px; font-size: 13px; color: #191919; display: flex; align-items: center; justify-content: center;}
.login .sns_login > *:nth-child(odd){margin-right: 7px;}
.login .sns_login > *:not(:nth-child(-n+2)){margin-top: 7px;}
.login .sns_login > *:before{content: ''; display: inline-block; width: 28px; height: 28px; background: url('/img/icon.svg')no-repeat; background-size: 500px;}
.login .sns_login .naver:before{background-position: -48px 0;}
.login .sns_login .facebook:before{background-position: -162px 0;}
.login .sns_login .google:before{background-position: -124px 0;}
.login .sns_login .kakao:before{background-position: -86px 0;}
.login .find{text-align: center; margin: 17px 0 0 0; font-size: 14px; line-height: 35px;}
.login .find a{display: inline-block; line-height: 35px; color: #0077ff;}
.login .go_join{text-align: center; margin: 60px 0 0 0; font-size: 14px; line-height: 38px; color: #767676;}
.login .go_join a{ line-height: 38px; color: #191919; display: inline-flex; align-items: center;padding: 0 8px;}
.login .go_join a:after{content: ''; display: inline-block;width: 4.5px; height: 8.5px; background: url('/img/icon.svg')no-repeat; background-size: 300px; margin: 0 0 0 3px;}


/* 회원가입 */
.join_agree .logo{display: block; margin: 0 auto 10px;}
.join_agree .chk_all{margin: 20px 0 0 0;}
.join_agree .chk_all label{text-decoration: underline;}
.join_agree .agree_single{margin: 30px 0 0 0;}
.join_agree textarea{background: #f1f1f5; border: none; padding: 15px 20px; font-size: 12px; line-height: 20px; color: #999; width: 100%; border-radius: 0; margin: 12px 0 0 0; height: 90px; resize: none; overflow-y: auto;vertical-align: top;}

/* 카테고리 */
.cate_wrap{height: 40px; padding: 0 10px;position: relative;border-bottom: 1px solid #efefef;}
.cate_scroll{ overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none;}
.cate_wrap::-webkit-scrollbar{display: none;}
.cate_wrap ul{display: inline-block;}
.cate_wrap ul li{margin: 0 5px; float: left;}
.cate_wrap ul a{display: inline-block; padding: 0 7px; font-size: 15px; line-height: 40px; color: #3d3d3d; font-family: 'NanumSquareNeo';}
.cate_wrap ul li.active a{font-weight: 700; color: #236ede; position: relative;}
.cate_wrap ul li.active a:after{content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #236ede;}
.cate_wrap .scroll_btn{position: absolute; right: 0px; top: 0; width: 40px; height: 39px; background: linear-gradient(270deg, #fff 80%, rgba(255, 255, 255, 0) 100%); display: flex; justify-content: center; align-items: center; z-index: 1;}
.cate_wrap .scroll_btn.left{right: auto; left: 0px; transform: rotate(180deg);}
.cate_wrap .scroll_btn:before{content: '' ;display: inline-block; width: 7px; height: 14px; background: url('/img/icon.svg')no-repeat; background-size: 500px;}

/* live */
.match_common{display: flex; justify-content: space-between; margin: 7px 0 0 0;}
.match_common_live_baseball {display: flex; justify-content: space-between; background: url('/img/live_base_bg.jpg') no-repeat center -40px;
    margin: 5px;
    padding: 15px 25px;
    border-radius: 10px;
    color: var(--onsurface);
    font-family: 'NanumSquareNeo';height:130px;position:relative;
}
.match_common .team{display: flex; flex-direction: column; align-items: center; width:50px;}
.match_common .team .logo{width: 40px; height: 40px; padding:5px}
.match_common .team .logo img {width:100%}
.match_common .team .name{font-size: 10px; /*line-height: 15px;*/ font-weight: 600;}
.match_common .team .name .home{color: #de4400;}
.match_common .content{display: flex; align-items: center;}
.match_common .content > span:nth-child(1){display: flex;justify-content: flex-end}
.match_common .content > span:nth-child(3){display: flex;justify-content: flex-start}
.match_common .content .score{font-size: 7vw; font-weight: 800; margin: -10px 0 0 0; min-width:50px}
.match_common .content .score.win{color:#de4400}
.match_common .content .score.lose{color:#de4400}
.match_common .content .center{display: flex; flex-direction: column; align-items: center; width: 27vw;gap:5px;}
.match_common .content .state{min-width: 51px; /*height: 20px;*/ border-radius: 10px; /*background: #2d417d;*/ color: #fff; font-size: 11px; display: flex; justify-content: center; align-items: center; padding:0 5px}
/*
.match_common .content .state.win,
.match_common .content .state.under{background: #de4400; color: #fff;}
.match_common .content .state.draw{background: #707070; color: #fff;}
.match_common .content .state.lose,
.match_common .content .state.over{background: #2d417d; color: #fff;}
.match_common .content .state.live{background: #236ede; color: #fff;}
*/

.match_common .content .date{/*margin:  5px 0;*/ font-size: 11px; text-align: center;}
.match_common .content .stadium {font-size: 10px; text-align: center;}

.live_wrap .date_filter{height: 40px; padding: 0 20px; display: flex; align-items: center; border-bottom: 1px solid #d2d4d6;}
/*.live_wrap .date_filter .month{width: 52px; flex-shrink: 0; text-align: center; font-size: 18px; font-weight: 700; color: #3d3d3d; padding: 0 5px 0 0; position: relative;}*/
.live_wrap .date_filter .month{min-width: 90px; flex-shrink: 0; font-size: 16px; font-weight: 400; color: #3d3d3d; padding: 0 5px 0 0; position: relative;}
.live_wrap .date_filter .month:after{content: ''; display: inline-block; width: 15px; height: 16px; background: url('/img/arrow_bottom.svg') no-repeat center; vertical-align: top; position: absolute; right: -10px; top: 1px; background-size: 12px;}
.live_wrap .date_filter .date_list{flex-grow: 1; display: flex; height: 100%;}
.live_wrap .date_filter .date_list li{flex-grow: 1; flex-basis: 0; display: flex; flex-direction: column; align-items: center; color: #d2d4d6; padding: 5px 0;}
.live_wrap .date_filter .date_list li .day{font-size: 12px;  margin: 2px 0 0 0;}
.live_wrap .date_filter .date_list li .date{font-size: 17px;}
.live_wrap .date_filter .date_list li.active{color: #ec5f59; position: relative;}
.live_wrap .date_filter .date_list li.active:after{content: ''; display: block; width: 100%; height: 2px; background: #ec5f59; position: absolute; left: 0; bottom: 0;}
.live_wrap .date_filter .filter{width: 40px; height: 40px; display: flex; justify-content: center; align-items: center;background: url('/img/icon.svg')no-repeat 10px -99px; background-size: 500px;}
.live_wrap .date_filter .favorit{display: block; width: 32px; height: 40px; margin: 0 5px 0 10px; background: url('/img/icon.svg')no-repeat; background-size: 610px; background-position-y: -48px; background-position-x:-24px;}
.live_wrap .list{border-bottom: 1px solid #d2d4d6; padding: 8px 20px; display: flex; flex-direction: column; }
.live_wrap .list .top{display: flex; justify-content: space-between;}
.live_wrap .list .left{display: flex;}
.live_wrap .list .favorit{display: inline-block; width: 23px; height: 20px; background: url('/img/icon.svg')no-repeat -22px -45.5px; background-size: 500px; margin: 0 5px 0 0}
/*.live_wrap .list .cate{display: inline-block; margin: 0 0 0 24px; width: 67px; height: 25px;  background: url('/img/icon.svg')no-repeat -86px -106.5px; background-size: 500px;display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; padding: 0 0 0 10px;}*/
.live_wrap .list .cate{width: 55px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 500; border: 1px solid #4a4a4a; border-radius:20px; margin: 0 5px 0 0}
.live_wrap .list .push{display: inline-block;width: 23px;height: 18px;background: url('/img/alrim.svg')no-repeat center; background-size: contain; font-size: 0}
.live_wrap .list .push.on{display: inline-block;width: 23px;height: 18px;background: url('/img/alrim_on.svg')no-repeat center; background-size: contain; font-size: 0}
.live_wrap .list .arrow{display: inline-block; width: 27px; height: 25px; background: url('/img/icon.svg')no-repeat -52.5px -106.5px; background-size: 500px;}
.live_wrap .list .odds{display: flex; flex-direction: column; align-items: center; margin: 18px 0 0 0;}
.live_wrap .list .odds > *:not(:first-child){margin: 5px 0 0 0;}
.live_wrap .list .odds .div{display: flex; justify-content: center; position: relative;}
.live_wrap .list .odds .div > *:not(:last-child){margin: 0 10px 0 0;}
.live_wrap .list .odds .location{font-size: 12px; color: #686868; line-height: 20px; width: 22px;}
.live_wrap .list .odds .up,.live_wrap .list .odds .down{width: 50px; height: 20px; border-radius: 10px; border: 1px solid #75767b; font-size: 12px; line-height: 20px; display: flex; justify-content: center; align-items: center;}
.live_wrap .list .odds .bet_check {width: 50px; height: 20px; border-radius: 10px; border: 1px solid #75767b; font-size: 12px; line-height: 20px; display: flex; justify-content: center; align-items: center;}
.live_wrap .list .odds .caution{width: 20px; height: 20px; color: #fff; font-size: 14px; display: flex; justify-content:center; align-items: center; font-weight: 800; position: absolute; right: -20px; top: 0;}
.live_wrap .list .odds .caution.on{background: #de4400;}
.live_wrap .list .odds .caution.on:before{content: '!'; display: inline-block;}

/* list_detail */
.live_detail_wrap .match_record {background: var(--onsurface); border-radius: 10px; margin:0 5px; padding:5px 5px 10px 5px}
.live_detail_wrap .head .fixed_wrap{background: #f5f5f5;}
.live_detail_wrap .match_common{background: var(--brand-standard, #236EDE); margin: 5px; padding: 15px 25px; border-radius:10px;color: var(--onsurface);font-family: 'NanumSquareNeo';}
.live_detail_wrap .score_table{background: #1e62c7;font-size: 10px;
    margin: -15px 5px 5px;
    padding: 5px 15px 5px 15px;
    border-radius: 0 0 10px 10px;
    color: var(--onsurface);
    font-family: 'NanumSquareNeo';
    border-top: 1px solid #1d5ebd;
}
.live_detail_wrap .score_table table {width:100%}
.live_detail_wrap .score_table table thead {border-bottom: 1px solid #1d5ebd;}
.live_detail_wrap .score_table table th {text-align: center; height: 20px;color:#8cb5f3}
.live_detail_wrap .score_table table td {text-align: center; height: 20px}
.live_detail_wrap .match_common .content .date{color: var(--onsurface);
    background: #DE2363;
    padding: 4px 10px;
    border-radius: 20px;}
.live_detail_wrap .tbl_row{border-top: 1px solid #d2d4d6; width: 100%; table-layout: fixed;}
.live_detail_wrap .tbl_row th{background: #f5f5f5;height: 25px; font-weight: 700;}
.live_detail_wrap .tbl_row tr{ border-bottom: 1px solid #d2d4d6;}
.live_detail_wrap .tbl_row td{height: 25px; text-align: center;}
.live_detail_wrap .tbl_row td,.live_detail_wrap .tbl_row th{font-size: 11px;}
.live_detail_wrap .progress td:first-child,.live_detail_wrap .progress th:first-child{text-align: left; padding: 0 0 0 25px;}
.live_detail_wrap .progress td:last-child,.live_detail_wrap .progress th:last-child{padding-right: 25px;}
/*.live_detail_wrap h5{display: block; height: 40px; line-height: 40px; font-size: 14px; text-align: center; font-weight: 400;}*/
.live_detail_wrap .overseas td .point{height: 20px; min-width: 49px; border-radius: 10px; background: #f1ffc2; padding: 0 10px;}
.live_detail_wrap .overseas tbody tr:last-child td{font-weight: 600;}
.live_detail_wrap .bet365 td .red{color: #de4400;}
.live_detail_wrap .betman tr{background: #d8fff4;}
.live_detail_wrap .betman .percent td{position: relative;}
.live_detail_wrap .betman .percent .flex{display: flex;}
.live_detail_wrap .betman .percent td span{display: inline-block; height: 25px; line-height: 25px;}
.live_detail_wrap .betman .percent .win{background: #236ede; color: #fff; position: relative; z-index: 1; padding: 0 0 0 5px;}
.live_detail_wrap .betman .percent .win:after{content: ''; display: block; position: absolute; right: -25px; top: 0; width: 23px; height: 25px; border-top: 25px solid #236ede; border-right:25px solid transparent; box-sizing: border-box; z-index: -1;}
.live_detail_wrap .betman .percent .lose{background: #2368de; color: #fff;}
.live_detail_wrap .team_rank .tbl_row{table-layout: auto;}
.live_detail_wrap .team_rank h5+table tbody tr:last-child{border-bottom: none;}
.live_detail_wrap .team_rank td:first-child,.live_detail_wrap .team_rank th:first-child{padding: 0 0 0 20px;}
.live_detail_wrap .team_rank td:last-child, .live_detail_wrap .team_rank th:last-child{padding: 0 25px 0 0;}
.live_detail_wrap .team_rank .recent span{margin: 0 0.5px; font-size: 11px;}
.live_detail_wrap .team_rank .recent span:before{display: inline-block;line-height: 18px; font-weight: 700;}
.live_detail_wrap .team_rank .win:before{content: '승'; color: #de4400;}
.live_detail_wrap .team_rank .lose:before{content: '패'; color: #43a7ff; padding: 0 1px 0 0;}
.live_detail_wrap .team_rank .eastern .recent span:before{width: 20px; height: 20px; border: 1px solid #de4400; box-sizing: border-box;border-radius: 100%;}
.live_detail_wrap .team_rank .eastern .recent .lose:before{border: 1px solid #43a7ff;}
.live_detail_wrap .team_rank .eastern tbody tr:not(:last-child){border: none;}
/*.live_detail_wrap .recent_match h5{display: flex; align-items: center; justify-content: space-between; padding: 0 25px;}*/
.live_detail_wrap .recent_match h5 .chk_wrap label:not(:last-child){margin: 0 12px 0 0;}
.live_detail_wrap .recent_match table{table-layout: auto;}
.live_detail_wrap .recent_match tfoot td > div {display:flex;justify-content: space-around;}
.live_detail_wrap h5 {padding: 10px 0px;text-align: center;font-weight: 600;letter-spacing: 0.05em;}
.live_detail_wrap .bet_rate {display:flex;/*box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3); border-radius: 15px;*/ flex-direction: column;width:100%}
.live_detail_wrap .bet_rate >  div {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0 5px;gap: 5px;position:relative}
.live_detail_wrap .bet_rate >  div > div {display: flex;width: 100%;}
.live_detail_wrap .bet_rate >  div > div > div:first-child {flex-basis: 50px;}
.live_detail_wrap .bet_rate >  .l.motion:after {content:''; width:20%; height:100%; position:absolute; left:0; top:0; background:linear-gradient(90deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);}

.live_detail_wrap .bet_rate .w {background: #e53c3c; border-radius: 10px;color: #fff;}
.live_detail_wrap .bet_rate .d {background: #858585;border-radius: 10px;color: #fff;}
.live_detail_wrap .bet_rate .l {background: #4165d1;border-radius: 10px;color: #fff;}
/*
.live_detail_wrap .recent_match tbody td:first-child, .live_detail_wrap .recent_match th:first-child{padding: 0 0 0 10px;}
.live_detail_wrap .recent_match tbody td:last-child, .live_detail_wrap .recent_match th:last-child{padding: 0 15px 0 0;}
*/
.live_detail_wrap .recent_match td .lose{display: inline-block; color: #de4400; background: #f1ffc2; height: 20px; line-height: 20px; border-radius: 10px; padding: 0 5px;}
.live_detail_wrap .recent_match td.away{color: #de4400;font-weight: 600;}
.live_detail_wrap .recent_match tfoot tr{background: #d8fff4;}

.live_detail_wrap .cheer_wrap .list{border-bottom: 1px solid #d2d4d6; padding: 10px;}
.live_detail_wrap .cheer_wrap .list .top{display: flex; justify-content: space-between; align-items: center;}
.live_detail_wrap .cheer_wrap .list .left{display: flex; align-items: center; width: 0; flex-grow: 1;}
.live_detail_wrap .cheer_wrap .list .img{display: inline-block; width: 30px; height: 30px; border-radius: 100%; overflow: hidden; border: 1px solid #ebebeb; margin: 0 8px 0 0;}
.live_detail_wrap .cheer_wrap .list .writer{display: flex; flex-wrap: wrap; align-items: center;}
.live_detail_wrap .cheer_wrap .list .nick{font-size: 14px; font-weight: 400; color:#C0C0C0}
.live_detail_wrap .cheer_wrap .list .hit_amount{font-size: 12px; margin: 0 0 0 10px;display: flex;}
.live_detail_wrap .cheer_wrap .list .hit_amount:before {content:''; display: inline-block; width:12px; height: 12px; background: url("../img/like.svg") no-repeat; margin: 0 5px 0 0; background-size: contain}
.live_detail_wrap .cheer_wrap .list .hit_amount.on:before {content:''; display: inline-block; width:12px; height: 12px; background: url("../img/like_on.svg") no-repeat; margin: 0 5px 0 0; background-size: contain}
.live_detail_wrap .cheer_wrap .list .date{font-size: 12px; color: #a7a7a7; margin: 0 0 0 10px; font-weight: 100}
.live_detail_wrap .cheer_wrap .list .hit{/*flex-basis: 100%; margin: 5px 0 0 0;*/ font-size: 12px; margin: 0 0 0 10px}
.live_detail_wrap .cheer_wrap .list .hit .num{font-size: 12px; font-weight: 400; /*color: #236ede; margin: 0 0 0 5px;*/ display:flex;}
.live_detail_wrap .cheer_wrap .list .hit .num:before {content:''; display: inline-block; width:12px; height: 12px; background: url("../img/per.svg") no-repeat; margin: 0 5px 0 0; background-size: contain; vertical-align: bottom;}
.live_detail_wrap .cheer_wrap .list .right{display: flex; align-items: center;}
.live_detail_wrap .cheer_wrap .list .crime{font-size: 12px; color: #3d3d3d; display: inline-block; padding: 6px;}
.live_detail_wrap .cheer_wrap .list .more{display: inline-block; width: 24px; height: 24px; background: url('/img/more.svg')no-repeat; margin:0 0 0 10px}
.live_detail_wrap .cheer_wrap .list .contents{margin: 10px 0 0 0; font-size: 12px; line-height: 18px; display: flex; }
.live_detail_wrap .cheer_wrap .list .contents .text{flex-grow: 1;}
.live_detail_wrap .cheer_wrap .list .contents .toggle{display: inline-block; width: 20px; height: 20px; background: url('/img/icon.svg')no-repeat -241px -109px; background-size: 500px; flex-shrink: 0; margin: 0 0 0 8px;}

/* proto */
.proto_date_filter{ padding: 0 10px; display: flex; flex-direction: column; align-items: center; box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.2); position: sticky;    top: 56px;    background: #fff;z-index:999}
.proto_date_filter .title_wrap{display: flex;}
.proto_date_filter .title_wrap button{width: 25px; height: 25px; background: url('/img/icon.svg')no-repeat -287px -159px; background-size: 750px;}
.proto_date_filter .title_wrap button.left{transform: rotate(180deg);}
.proto_date_filter .title_wrap button.critical{opacity: 0.5}
.proto_date_filter .month{flex-shrink: 0; text-align: center; font-size: 18px; font-weight: 700; color: #3d3d3d; width: 130px;}
.proto_date_filter .date_list{flex-grow: 1; display: flex; width: 100%;}
.proto_date_filter .date_list li{flex-grow: 1; flex-basis: 0; display: flex; flex-direction: column; align-items: center; color: #5d6165; padding: 5px 0;}
.proto_date_filter .date_list li.past{color: #d2d4d6;}
.proto_date_filter .date_list li .day{font-size: 10px;  margin: 0px 0 2px 0;}
.proto_date_filter .date_list li .date{font-size: 16px;font-weight: 400;}
.proto_date_filter .date_list li.active{color: #ec5f59; position: relative;}
.proto_date_filter .date_list li.active:after{content: ''; display: block; width: 100%; height: 2px; background: #ec5f59; position: absolute; left: 0; bottom: 0;}
.proto_sub{height: 40px; padding: 0 10px 0 15px; display: flex; align-items: center; background: #ededed}
.proto_sub .sub_menu{flex-grow: 1; display: flex; height: 100%;}
.proto_sub .sub_menu li{flex-grow: 1; flex-basis: 0;}
.proto_sub .sub_menu li a{display: inline-block; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #3d3d3d;}
.proto_sub .sub_menu li.active a{font-weight: 600; text-decoration: underline;}
.proto_sub .favorit{display: block; width: 32px; height: 40px; margin: 0 5px 0 10px; background: url('/img/icon.svg')no-repeat; background-size: 610px; background-position-y: -48px; background-position-x:-24px;}
.proto_sub .filter{width: 40px; height: 40px; display: flex; justify-content: center; align-items: center;background: url('/img/icon.svg')no-repeat 10px -98px; background-size: 500px;}

.proto_wrap .list{border-bottom: 1px solid #d2d4d6; padding: 8px 20px; display: flex; flex-direction: column; }
.proto_wrap .list .top{display: flex; justify-content: space-between;}
.proto_wrap .list .left{display: flex; align-items: center;}
.proto_wrap .list .left > *:not(:last-child){margin: 0 10px 0 0;}
.proto_wrap .list .num{display: inline-block; width: 35px; height: 20px; border: 1px solid #4a4a4a; color: #4a4a4a; text-align: center; font-size: 12px; border-radius: 10px; line-height: 18px;}
/*
.proto_wrap .list .favorit{display: inline-block; width: 23px; height: 22px; background: url('/img/icon.svg')no-repeat -22px -44.5px; background-size: 500px;}
.proto_wrap .list .favorit.on{display: inline-block; width: 23px; height: 22px; background: url('/img/icon.svg')no-repeat -22px -76.5px; background-size: 500px;}
*/
/*.proto_wrap .list .cate{display: inline-block;  width: 67px; height: 25px;  background: url('/img/icon.svg')no-repeat -86px -106.5px; background-size: 500px;display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; padding: 0 0 0 10px;}*/
.proto_wrap .list .cate{width: 55px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 500; border: 1px solid #4a4a4a; border-radius:20px}
.proto_wrap .list .arrow{display: inline-block; width: 27px; height: 25px; background: url('/img/icon.svg')no-repeat -52.5px -106.5px; background-size: 500px;}
.proto_wrap .list .odds{display: flex; justify-content: center; }
.proto_wrap .list .odds .div{display: flex; justify-content: center; position: relative;}
.proto_wrap .list .odds .div > *:not(.caution){width: 80px; height: 26px; border-radius: 5px; border: 1px solid #ededed; font-size: 12px; line-height: 26px; display: flex; justify-content: center; align-items: center; color: #75767b;}
.proto_wrap .list .odds .div .uo{justify-content: space-between; padding: 0 10px; color: #c6cce2}
.proto_wrap .list .odds  .div > *:not(:first-child){margin: 0 0 0 10px;}
.proto_wrap .list .odds .caution{width: 20px; height: 20px; color: #fff; font-size: 14px; display: flex; justify-content:center; align-items: center; position: absolute; right: -30px; top: 3px; font-size: 11px; font-weight: normal;}
.proto_wrap .list .odds .caution.on{background: #de4400 !important}
.proto_wrap .list .odds .div .disable {background: #efefef;}
.proto_wrap .list .odds .div .on {background: #236ede; color:#fff;}
.proto_wrap .list .odds .div .disable.on {background: #236ede; color:#fff;}


/* 프로필 */
.profile_wrap .summary{background: #f5f5f5; padding: 25px;}
.profile_wrap .profile{display: flex; align-items: center;}
.profile_wrap .profile .img{width: 85px; height: 85px; margin: 0 10px 0 0; flex-shrink: 0; border: 1px solid #ebebeb; border-radius: 100%; overflow: hidden;}
.profile_wrap .profile .img img {width:100%; height: 100%;}
.profile_wrap .profile .info{flex-grow: 1; width: 0; display: flex; flex-direction: column; }
.profile_wrap .profile .name{font-size: 26px; font-weight: 600;}
.profile_wrap .profile .msg{font-size: 13px; margin: 10px 0 0 0;height: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.profile_wrap .ranking_wrap{display: flex; margin: 35px 0 0 0;}
.profile_wrap .ranking_wrap li{flex-grow: 1; flex-shrink: 0; width: 0; text-align: center; position: relative; display: flex; flex-direction: column; align-items: center;}
.profile_wrap .ranking_wrap li:first-child:after{content: ''; display: block; position: absolute; right: 0; top: 10px; width: 1px; height: 75px; background: #d2d2d2;}
.profile_wrap .ranking_wrap li h6{font-size: 16px; font-weight: 600;}
.profile_wrap .ranking_wrap li .result{font-size: 25px; line-height: 40px; height: 40px; color: #236ede; font-weight: 600; margin: 10px 0 0 0;}
.profile_wrap .ranking_wrap li.rank .result .num{font-size: 35px;}
.profile_wrap .ranking_wrap li.hit_rate .result{font-size: 40px;}
.profile_wrap .ranking_wrap li .ratio{font-size: 16px; margin: 10px 0 0 0;}
.profile_wrap .tab_common{background: #f5f5f5; border-bottom: none;}
.profile_wrap .tab_common li{font-size: 16px;}
.profile_wrap .tab_common li:not(:last-child):after{display: none;}

/* 축구예측 */
.prediction_wrap .proto_date_filter{border-bottom: none;}
.prediction_wrap .table_wrap{padding: 0 25px; margin: 18px 0 0 0;}
.prediction_wrap table{border-collapse: separate; border-spacing: 5px; width: 100%;}
.prediction_wrap table th{font-size: 12px; color: #75767b; height: 20px; font-weight: 400;}
.prediction_wrap table td{background: #f5f5f5; border-radius: 5px; height: 28px; text-align: center; font-size: 12px; color: #75767b;}
.prediction_wrap table tr:nth-child(odd) td{background: #ebebeb;}
.prediction_wrap .col1{min-width: 25px; width: 8%;}
.prediction_wrap .col3{min-width: 40px; font-size: 11px;}
.prediction_wrap .col4, .prediction_wrap .col5, .prediction_wrap .col6, .prediction_wrap .col7{min-width: 30px; width: 10%;}
.prediction_wrap table tr td.yellow{background:  #fffdbd;}
.prediction_wrap table tr td.deep{background: #d8d8d8;}
.prediction_wrap table tr td.td_draw{background:  #d8d8d8; color: #5b71b1; font-weight: 600;}
.prediction_wrap table tr td.col3 span{font-weight: 600; margin: 0 0 0 3px;}
.prediction_wrap table tr td.td_win .result{color: #de4400}
.prediction_wrap table tr td.td_lose{font-size: 11px;}
.prediction_wrap table tr td.td_lose .result{color: #43a8ff}
.prediction_wrap table tr td.red{background: #de4400; color: #fff; font-size: 11px;}
.prediction_wrap table tr td .uo{color: #00ceab; display: block;}
.prediction_wrap table tr td.favorit{background:  #e3487d; font-size: 0;}
.prediction_wrap table tr td.favorit:before{content: ''; display: inline-block; width: 15px; height: 20px; background: url('/img/icon.svg')no-repeat -299px -109px; background-size: 500px;}
.prediction_wrap .yield td{height: 40px;}
.prediction_wrap .yield td:not(:first-child) > *{display: block; font-size: 11px;}
.prediction_wrap .yield td .per{margin: 5px 0 0 0;}
.prediction_wrap .yield .plus .per{color: #de4400}
.prediction_wrap .yield .minus .per{color: #43a8ff}

/* 배당율 계산기 */
.calc_wrap{height: 100%; display: flex; flex-direction: column;}
.calc_wrap .head .page_title{font-size: 18px; font-weight: 600;}
.calc_wrap .table_wrap{display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; height: 0;}
.calc_wrap .table_wrap .list{overflow-y: scroll}
.calc_wrap table{width: 100%;}
.calc_wrap table tr.back{background:#fdffe2; }
.calc_wrap table th,.calc_wrap table td{font-size: 12px; text-align: center; height: 22px;}
.calc_wrap table th{height: 20px;border-bottom: 1px solid #d2d4d6}
.calc_wrap table td{height: 28px; position: relative; border-bottom: 1px solid #d2d4d6;}
.calc_wrap table .col2{width: 28.5%;}
.calc_wrap table .col2 .h{color: #e46832; display: inline-block; margin: 0 0 0 3px;}
.calc_wrap table .col2 .u{color: #43a8ff;  display: inline-block; margin: 0 0 0 3px;}
.calc_wrap table .col4,.calc_wrap table .col5{width: 42px; padding: 0 2.5px;}
.calc_wrap table .col6{width: 62px; padding: 0 22.5px 0 2.5px;}
.calc_wrap table .col1{width: 52px; padding: 0 10px 0 20px;}
.calc_wrap table .col1.caution:before{content: '!'; display: block; width: 10px; height: 10px; background: #de4400; color: #fff; font-size: 10px; font-weight: 900;position: absolute; left: 5px; top: 5px;}
.calc_wrap table td.col2{text-align: left;}
.calc_wrap table td i{display: inline-block; width: 100%; line-height: 22px;}
.calc_wrap table td .up.back{background: #de4400; color: #fff;}
.calc_wrap table td .up.back:before{background-position:-324px -109px;}
.calc_wrap table td i.disable {background: #dcdcdc;}
.calc_wrap table td i.disable.on {background: #236ede; color:#fff;}

.list_wrap .list .bottom .odds >div.disable {background: #fafbfc;border: 1px solid #ddd;box-shadow: none;color: #c1c1c1;}
.list_wrap .list .bottom .odds >div.disable.fri {background: #fff;border: 1px solid #aaa;box-shadow: 2px 2px #e0e0e0;color: #333;}
.list_wrap .list .bottom .odds >div.disable.on {background: #236ede; color:#fff; box-shadow: none; border: 1px solid #236ede;}
.list_wrap .list .bottom .odds >div.disable.on i {color:#fff;}


/* 계산기 선택 */
.calc_select{    border-top: 1px solid #d2d4d6;
    position: fixed;
    width: calc(100% - 20px);
    background: rgba(255,255,255,0.75);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);
    z-index: 1000;
    border-radius: 10px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 10px 0px #999;
    left: 10px;
    bottom: -125px;}
.calc_select table{width: 100%;/*box-shadow: 0px -4px 8px -6px;*/}
.calc_select table thead{/*background: #f5f5f5*/}
.calc_select table tr.back{background:#fdffe2; }
.calc_select table th,.calc_select table td{font-size: 12px; text-align: center; height: 22px;}
.calc_select table th{height: 26px;border-bottom: 1px solid #d2d4d6}
.calc_select table td{height: 22px; position: relative; border-bottom: 1px solid #d2d4d6;}
.calc_select table .col2{width: 28.5%;}
.calc_select table .col2 .h{color: #e46832; display: inline-block; margin: 0 0 0 3px;}
.calc_select table .col2 .u{color: #43a8ff;  display: inline-block; margin: 0 0 0 3px;}
.calc_select table .col4,.calc_select table .col5{width: 40px; padding: 0 2.5px;}
.calc_select table .col6{width: 60px; padding: 0;}
.calc_select table .col1{width: 52px; padding: 0;}
.calc_select table .col1.caution:before{content: '!'; display: block; width: 10px; height: 10px; background: #de4400; color: #fff; font-size: 10px; font-weight: 900;position: absolute; left: 5px; top: 5px;}
.calc_select table td.col2{text-align: left;}
.calc_select table td .del{display: inline-flex; width: 17px; height: 17px; background: #d4d4d8; border-radius: 100%;justify-content: center; align-items: center;}
.calc_select table td .del:before{content: ''; display: inline-block; width: 7px; height: 7px; background: url('/img/icon.svg')no-repeat -140px 0; background-size: 350px;}
.calc_select .result{display: flex; padding: 0 20px 0 15px; height: 24px; align-items: center; border-bottom: 1px solid #d2d4d6; justify-content: space-between;}
.calc_select .result dl{display: flex; justify-content: space-between; align-items: center; font-size: 12px; }
.calc_select .result dt{margin: 0 30px 0 0;}
.calc_select .result .allocation dd{color: #e46832; font-weight: 600;}
.calc_select .result .hit dd{font-weight: 600;}
.calc_select .amount{ padding: 0 15px; display: flex; border-bottom: 1px solid #d2d4d6; height: 26px; align-items: center; background: rgba(137,137,137,0.1);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.calc_select .amount dt{margin: 0 25px 0 0;}
.calc_select .amount dd{flex-grow: 1;}
.calc_select .amount dd input{width: 56px; background: none; border: none; font-size: 13.5px; height:24px !important;padding:0}
.calc_select .btn_wrap{justify-content: flex-end; /*padding: 0 15px;*/ margin: 0; align-items: center;}
.calc_select .btn_wrap .btn{flex-basis: 50px;flex-grow: 0; height: 50px; text-align: center; margin: 0; line-height: 50px; background: #e8e8e8; color: #707070; font-size: 14px;}
.calc_select .btn_wrap .reset{font-size: 12px;}
.calc_select.fixed{padding: 0; background: #fff; border: none; border-top: 4px solid #707070}
.calc_select.fixed .calc_pos_btn{display: flex; justify-content: center; align-items: center; width: 75px; height: 20px; background: #707070; position: absolute; left: 50%; margin: 0 0 0 -37.5px; top: -24px;}
.calc_select.fixed .calc_pos_btn:before{content: ''; display: inline-block; width: 9px; height: 13px; background: url('/img/icon.svg')no-repeat -341px -109px; background-size: 500px;}
.calc_select.fixed h6{height: 45px; line-height: 40px; font-size: 16px; font-weight: 600; padding: 0 25px; border-bottom: 1px solid #d2d4d6;}
.calc_select.fixed .btn_wrap{padding: 0 25px 0 0;}
.calc_select.fixed .select_wrap{font-size: 12px; font-weight: 400; display: flex; flex-wrap: wrap; padding: 3px 0;}
.calc_select.fixed .select_wrap span{padding: 0 20px; line-height: 22px;}

@media (max-width: 500px){
body { width: 100%;}
.fixed{left: 0; margin: 0; width: 100%;}
.nav_wrap .nav, .filter_layer .filter{width: calc(100% - 60px); animation: all ease 0.2s;}
.filter_layer .filter{left: auto; right: 0;}
.dim{animation: all ease 0.2s;}
.write_ft_wrap, .imgs_wrap {width:100% !important; margin-left: -50% !important}
}

@media (min-width: 500px){
.match_common .content .score{font-size: 30px;}
.match_common .content .center{width: 150px;}
}

@media (max-width: 375px){
.prediction_wrap .table_wrap{padding: 0 15px;}
.calc_select .result dt{margin: 0 20px 0 0;}
}

@media (max-width: 360px){
.live_wrap .list{padding: 7px 20px 8px;}
.proto_wrap .list .odds .div > *:not(.caution){width: 60px;}
.prediction_wrap .table_wrap{padding: 10px;}
.prediction_wrap .table_wrap table{border-spacing: 3px;}
.prediction_wrap .table_wrap table th, .prediction_wrap .table_wrap table td{font-size: 11px;}
.calc_select .result dt{margin: 0 10px 0 0;}
.calc_select.fixed .select_wrap span{padding: 0 15px;}
}
.nav_wrap{overflow: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;}
.dim_red {width: 115px;background: url('/img/nav_top.svg') no-repeat;
    height: 674px;
    position: absolute;
    z-index: 999;
    right: 0;
    /*top: -170px;*/pointer-events: none;}
.dim_blue {width: 109px;background: url('/img/nav_bottom.svg') no-repeat;
    height: 666px;
    position: absolute;
    z-index: 999;
    right: -50px;
    /*bottom: -20px;*/pointer-events: none;}
	
	
	
.filter_wrap {display: flex; padding:10px 10px; font-family: 'NanumSquareNeo';position: sticky;
    top: 56px;    background: #fff;z-index: 100;box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.2);
}
.filter_wrap ul {display: flex; flex-direction: row; gap:8px;overflow-x: scroll;-webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory;}
.filter_wrap ul li {border-radius:90px; border:1px solid #E3E5E8; padding:5px 8px; font-size: 12px; color:#2E3138; scroll-snap-align: start;display: flex;align-items: center;gap: 5px;}
.filter_wrap ul li.on {border:1px solid #17191C; background: #17191C; color:#fff;}
/*.list_wrap {border-top:1px solid #D5D7DD}*/
.list_wrap .list {display: flex; flex-direction: column; border-bottom: 6px solid #E3E5E8; padding:12px; gap:20px;     font-family: 'NanumSquareNeo';}
/*.list_wrap .list.hid {background:#fff;}*/
.list_wrap .list.round_title {background: var(--brand-standard, #236EDE);
    font-family: 'NanumSquareNeo';
    border-bottom: 1px solid #E3E5E8;
    text-align: center;
    font-size: 16px;
    font-weight: 800;
    color: var(--onsurface);border-top: 5px solid #E3E5E8;}
.list_wrap .list .top {display: flex; flex-direction: row; justify-content: space-between;}
.list_wrap .list .top .info_wrap {color:#526181;  display: flex;align-items: center;font-size: 12px;}
.list_wrap .list .top .info_wrap .g_number {color: #fff;font-size: 8px;background: #3a3a3a;border-radius: 4px;width: 18px;height: 18px;display: inline-flex;align-items: center;justify-content: center;margin: 0 4px 0 0;}
.list_wrap .list .top .date_wrap {color:#10AB61; font-size: 12px;}
.list_wrap .list .bottom {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.list_wrap .list .bottom .team_name {display: flex; flex-direction: column; justify-content:center;min-width:100px; gap:4px}
.list_wrap .list .bottom .team_name > div {display: flex; align-items: center; gap:5px; position: relative}
.list_wrap .list .bottom .odds {display: flex; flex-direction: row; gap:4px;align-items: center;height:50px}
.list_wrap .list .bottom .odds > div {display: flex; flex-direction: column; align-items: center; padding:0; border-radius:5px; background: #fff; gap:4px;min-width: 46px;min-height:46px;border: 1px solid #aaa;box-shadow: 2px 2px #e0e0e0;justify-content: center;}
.list_wrap .list .bottom .odds.end > div{background: #fafbfc;border: 1px solid #ddd;box-shadow: none; color:#c1c1c1;}
.list_wrap .list .bottom .odds .win {border:1px solid #236ede !important; color:#236ede !important; font-weight: 600;}
.list_wrap .list .bottom .odds .draw {border:1px solid #236ede !important; color:#236ede !important; font-weight: 600;}
.list_wrap .list .bottom .odds .lose {border:1px solid #236ede !important; color:#236ede !important; font-weight: 600;}
.list_wrap .list .bottom .odds > div > div {font-weight: bold; font-size: 12px; /*color:#17191C;*/}
.list_wrap .list .bottom .odds.end > div > div {font-weight: normal; font-size: 12px; /*color:#17191C;*/}

.list_wrap .list .bottom .state{min-width: fit-content; height: 20px; border-radius: 4px; background: #2d417d; color: #fff; font-size: 11px; display: flex; justify-content: center; align-items: center; padding:0 5px; position:relative}
.list_wrap .list .bottom .state.win,
.list_wrap .list .bottom .state.under{background: #dd2727; color: #fff;}
.list_wrap .list .bottom .state.draw{background: #707070; color: #fff;}
.list_wrap .list .bottom .state.lose,
.list_wrap .list .bottom .state.over{background: #2e52be; color: #fff;}
.list_wrap .list .bottom .state.live{position: relative;/*overflow: hidden;border: none;background: #DE2363;*/}
.list_wrap .list .bottom .state.live .result{position: absolute;overflow: hidden;border: none;background: #ccc;width: 50px;height: 20px;    border-radius: 10px;color:#DE2363;font-size:0}
.list_wrap .list .bottom .state.live .result:before {
    content: '';
    display: block;
    position: absolute;
    left: -5px;
    top: -20.5px;
    background-image: conic-gradient(from -45deg, transparent 0deg, #d42442 45deg, transparent 90deg);
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;}
.list_wrap .list .bottom .state.live .result:after {
    content: '경기중';
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #fff;
    left: 2px;
    top: 2px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;    font-size: 11px;}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.list_wrap .list .bottom .team_name .win{color:#dd2727; font-weight: 800}
.list_wrap .list .bottom .team_name .lose{color:#dd2727; font-weight: 800}
.list_wrap .list .bottom .team_name .unover_win {color:#dd2727; font-weight: 800; position: absolute; top: 15px; left: 80px;}
.home_type {border: 1px solid #666;
    color: #3d3d3d;
    border-radius: 4px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 4px;
    font-size: 10px;padding: 0 5px;
}
.home_type.U {color:#015711;border: 1px solid #015711;}
.home_type.H {color:#cb4300;border: 1px solid #cb4300;}
.home_type.W {color:#9c39cf;border: 1px solid #9c39cf;}
.home_type.w5l {color:#9c39cf;border: 1px solid #666;}
.home_type.sum {color:#004cab;border: 1px solid #004cab;}

.home_name {min-width: 50px}
.away_name {min-width: 50px}

.won1 {/*background:#cce9e0;*/ background: rgba(210,210,210,0.75);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.won2 {background: rgba(223,203,219,0.75);}
.won3 {background: rgba(141,230,215,0.75);}

/*.price_btn {display:flex; flex-wrap:wrap; gap:5px;justify-content: space-evenly;padding:0 10px}*/
.price_btn {display:flex; gap:5px;padding:7px 5px;overflow-x: auto;height: 50px;}
/*.price_btn button {border-radius: 5px; font-size: 12px; flex: 1 0 calc(25% - 10px)}*/
.price_btn button {border-radius: 5px; font-size: 12px; padding:0 5px;    font-family: 'NanumSquareNeo';
    letter-spacing: 0.05em;
    font-weight: 600;
    color: #444;}

.list_wrap .list .bottom .state .time {position:absolute; top:-15px; color:#333; width: max-content; font-size:10px}
.list_wrap .list .bottom .state .game_type_point {position:absolute; bottom:-20px; color:#333; width: max-content;}
.list_wrap .list .bottom .state .game_type_point.handy.red {border-radius: 3px;background-color: #fef4e7;padding: 3px 5px;font-size: 10px;color: #cb4300;}
.list_wrap .list .bottom .state .game_type_point.handy.blue {border-radius: 3px;background-color: #e7f4fe;padding: 3px 5px;font-size: 10px;color: #004cab;}
.list_wrap .list .bottom .state .game_type_point.unover {border-radius: 3px;background-color: #E7FEE8;padding: 3px 5px;font-size: 10px;color: #015711;}

h2 {padding:0 15px; font-size: 16px; font-weight: bold}

.new_service_wrap{display: flex; flex-direction: column; padding: 24px 16px; gap: 40px;}
.new_service_wrap ul{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
.new_service_wrap li a{display: flex; flex-direction: column; gap: 4px; align-items: center; text-align: center; font-size: 12px; font-weight: 500; line-height: 170%;}


.new_service_wrap li .img{width: 58px; height: 58px; border-radius: 24px; background-color: #ffffff; display: flex; align-items: center; justify-content: center; overflow: hidden;box-shadow: 0px 3px 5px 1px #e2e2e2;}
.new_service_wrap li .img img{width: 30px; height: 30px;}
.new_service_wrap li.sample .img{align-items: flex-end;}
.new_service_wrap .btn_more{height: 58px; border-radius: 32px; margin: 0 auto; display: flex; background-color: #fff;  align-items: center; justify-content: center; padding: 0 28px; font-size: 16px; font-weight: 500; gap: 8px; border: 1px solid #ccc;}
.new_service_wrap .btn_more:after { content: ''; display: block; width: 16px; height: 16px; background: url(/data/img/allnew/icon/arrow-right.svg)no-repeat; background-size: contain;}

@media(max-width: 360px){
.new_service_wrap .btn_more{height: 48px; padding: 0 24px; gap: 6px; }
.new_service_wrap .btn_more span{padding: 0 4px; font-size: 14px; font-weight: 500;}
.new_service_wrap .btn_more:after {width: 14px; height: 14px; background-size: contain;}
}

.banner {margin:0 0 20px 0 }
.updown_btn {position: absolute; left: 50%; transform: translate(0, -50%); width:50px; height: 50px; display: flex; justify-content: center; align-items: center; background: url(/img/arrow_bottom.svg) no-repeat center rgba(255,255,255,0.8); border-radius: 100%; margin: -34px 0 0 -20px; backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);box-shadow: 0px 0px 5px 0px #ddd;}
.updown_btn.down{transform:rotate(-180deg) translate(0, 50%);}
.updown_btn.up{transform:rotate(0deg) translate(0, -50%)}


.live_list_wrap {width:100%; display: flex; padding:5px 15px 15px 15px; gap:15px;overflow-x: auto;}
.live_list_wrap .list_ele {display: flex;flex-direction: column;align-items: center;padding:10px 10px 15px 10px;border-radius: 24px;box-shadow: 0px 3px 5px 0px #dbdbdb;min-width: 140px;}
.live_list_wrap .list_ele .league_name {display: flex;flex-direction: row;align-items: center; /*margin: 0 0 5px 0;*/font-weight: bold;
gap: 2px;font-size: 10px; height:20px;font-family: 'NanumSquareNeo';}
.live_list_wrap .list_ele .live_time {display: flex;flex-direction: row;height: 10px;color:#DE2363}
.live_list_wrap .list_ele .list_team {display: flex;flex-direction: row;align-items: center; gap:7px;width: 100%;
    justify-content: space-between;}
.live_list_wrap .list_ele .list_team .live_score {font-size: 18px; font-weight: 900; display: flex; gap:5px}
.live_list_wrap .list_ele .list_team > div {display: flex;align-items: center;}
.live_list_wrap .list_ele .list_team .team {display: flex;align-items: center;flex-direction: column;font-size: 9px;gap:3px}

.cal_reset {background: #236ede;font-size: 12px;border-radius: 4px;height: 20px;color: #fff;padding: 0 5px;outline:none; cursor: pointer;}

.info_wrap .game_info_btn {width: 24px; height: 24px; background: url(/img/gameinfo.svg)no-repeat; background-size: contain; font-size:0; cursor: pointer;}
.game_info_btn {width: 24px; height: 24px; background: url(/img/gameinfo.svg)no-repeat; background-size: contain; font-size:0; cursor: pointer;}
.info_wrap .game_push_btn {width: 24px; height: 24px; background: url(/img/alrim.svg)no-repeat; background-size: contain; font-size:0; cursor: pointer;}
.info_wrap .game_push_btn.on {width: 24px; height: 24px; background: url(/img/alrim_on.svg)no-repeat; background-size: contain; font-size:0; cursor: pointer;}
.info_wrap .favorit {width: 24px; height: 24px; background: url(/img/favorite.svg)no-repeat; background-size: contain; font-size:0; cursor: pointer;}
.info_wrap .favorit.on {background: url(/img/favorite_on.svg)no-repeat; cursor: pointer;}
.mypage_btn {    display: flex;
    width: var(--ref-sizing-500, 40px);
    height: var(--ref-sizing-500, 40px);
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer; background: url(/img/mypage.svg)no-repeat center;}
.filter_btn {    display: flex;
    width: var(--ref-sizing-500, 40px);
    height: var(--ref-sizing-500, 40px);
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer; background: url(/img/filter.svg)no-repeat center;}
	
.not_live {width: 100%;display: flex;align-items: center;justify-content: center;height: 80px;color: #999;font-family: 'NanumSquareNeo';}

.badge_type {border: 1px solid #666;color: #3d3d3d;border-radius: 4px;width: 18px;height: 18px;display: inline-flex;align-items: center;justify-content: center;margin: 0 0 0 4px;font-size: 10px;}
.g_type_img {width: 15px;height: 15px; margin: 0 4px 0 0;}
.g_type_img img {width: 100%}

.betman_info_wrap {background: #fff;
    padding: 10px;
    margin: 15px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;align-items: center;
    gap: 10px;}
    
.betman_info_wrap input {border-radius:20px}
.betman_info_wrap .cart_save {    background: var(--onsurface);
    color: var(--text-default, #1A1A1AFF);
    border-radius: 5px;
    height: 30px;
    font-family: 'NanumSquareNeo';
    letter-spacing: 0.05em;
    border: 1px solid var(--text-default, #1A1A1AFF);
    font-size: 12px;
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-weight: 600;}
    
.pick_share_wrap {background: #fff;
    padding: 10px;
    margin: 15px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;align-items: center;
    gap: 10px;}
    
.pick_share_wrap input {border-radius:20px}
.pick_share_wrap textarea {border-radius:20px}
.pick_share_wrap .pick_share_write {    background: var(--onsurface);
    color: var(--text-default, #1A1A1AFF);
    border-radius: 5px;
    height: 30px;
    font-family: 'NanumSquareNeo';
    letter-spacing: 0.05em;
    border: 1px solid var(--text-default, #1A1A1AFF);
    font-size: 12px;
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-weight: 600;}
    
    
.wdl_save_list {display:flex;flex-direction: column;gap: 6px;}
.wdl_save_list .save_list {display:flex;gap: 10px;font-size: 10px;align-items: center;height: 40px;border-radius: 5px;box-shadow: 0px 1px 2px 1px #e2e2e2;padding: 0 5px;    flex-direction: row;}
.wdl_save_list .save_list > div:nth-child(1) {display:flex;width: 14px;height: 14px;justify-content: center;align-items: center;background: #dddddd;border-radius: 3px;font-weight: 600;}
.wdl_save_list .save_list > div:nth-child(2) {display: flex; flex-direction: column;gap:3px}
.wdl_save_list .save_list > div:nth-child(3) {display: flex;gap:10px;justify-content: flex-end;flex: 1;align-items: center;}
.wdl_save_list .save_list > div:nth-child(2) > div:nth-child(1) {font-weight: 800;}
.wdl_save_list .save_list > div:nth-child(2) > div:nth-child(1) span {font-weight: 600; color:#666}
.wdl_save_list .save_list > div:nth-child(2) > div:nth-child(1) span.on {font-weight: 600; color:var(--brand-standard, #236EDE);}
.wdl_save_list .save_list > div:nth-child(3) > div:nth-child(1) {display: flex;}
.wdl_save_list .save_list > div:nth-child(3) .my_rank {display: flex;flex-direction: column;gap: 3px;}
.wdl_save_list .save_list > div:nth-child(3) .my_rank > div:nth-child(1) {display: flex;justify-content: center;}
.wdl_save_list .save_list > div:nth-child(3) .my_rank > div:nth-child(2) {display: flex;gap:2px}
.wdl_save_list .save_list > div:nth-child(3) .my_rank > div:nth-child(2) > div {display: flex;border: 1px solid #ccc;width: 14px;
height: 14px;align-items: center;justify-content: center;border-radius: 3px;font-size: 8px;}
.wdl_save_list .save_list > div:nth-child(3) .my_rank .cor0.on {background:var(--brand-standard, #236EDE); color:#fff; border:1px solid background:var(--brand-standard, #236EDE);}
.wdl_save_list .save_list > div:nth-child(3) .my_rank .cor1.on {background:#23c2de; color:#fff; border:1px solid #23c2de;}
.wdl_save_list .save_list > div:nth-child(3) .my_rank .cor2.on {background:#24d143; color:#fff; border:1px solid #24d143;}
.wdl_save_list .save_list > div:nth-child(3) .my_rank .cor3.on {background:#cdd124; color:#fff; border:1px solid #cdd124;}
.wdl_save_list .save_list > div:nth-child(3) .my_rank .cor.del {opacity: 0.5; text-decoration: line-through}
.wdl_save_list .save_list.faild {background: #f9f9f9;box-shadow: none;}

.wdl_save_list .life_list {display:flex;gap: 10px;font-size: 10px;align-items: center;height: 40px;border-radius: 5px;box-shadow: 0px 1px 2px 1px #e2e2e2;padding: 0 5px;}
.wdl_save_list .life_list > div:nth-child(1) {display:flex;width: 70px;height: 14px;justify-content: center;align-items: center;font-weight: 600;}
.wdl_save_list .life_list > div:nth-child(2) {display: flex; flex-direction: column;gap:3px}
.wdl_save_list .life_list > div:nth-child(3) {display: flex;gap:10px;justify-content: flex-end;flex: 1;align-items: center;}
.wdl_save_list .life_list > div:nth-child(2) > div:nth-child(1) {font-weight: 800;}
.wdl_save_list .life_list > div:nth-child(2) > div:nth-child(1) span {font-weight: 600; color:#666}
.wdl_save_list .life_list > div:nth-child(2) > div:nth-child(1) span.on {font-weight: 600; color:var(--brand-standard, #236EDE);}
.wdl_save_list .life_list > div:nth-child(3) > div:nth-child(1) {display: flex;}
.wdl_save_list .life_list > div:nth-child(3) .my_rank {display: flex;flex-direction: column;gap: 3px;}
.wdl_save_list .life_list > div:nth-child(3) .my_rank > div:nth-child(1) {display: flex;justify-content: center;}
.wdl_save_list .life_list > div:nth-child(3) .my_rank > div:nth-child(2) {display: flex;gap:2px}
.wdl_save_list .life_list > div:nth-child(3) .my_rank > div:nth-child(2) > div {display: flex;border: 1px solid #ccc;width: 14px;
height: 14px;align-items: center;justify-content: center;border-radius: 3px;font-size: 8px;}
.wdl_save_list .life_list > div:nth-child(3) .my_rank .cor0.on {background:var(--brand-standard, #236EDE); color:#fff; border:1px solid background:var(--brand-standard, #236EDE);}
.wdl_save_list .life_list > div:nth-child(3) .my_rank .cor1.on {background:#23c2de; color:#fff; border:1px solid #23c2de;}
.wdl_save_list .life_list > div:nth-child(3) .my_rank .cor2.on {background:#24d143; color:#fff; border:1px solid #24d143;}
.wdl_save_list .life_list > div:nth-child(3) .my_rank .cor3.on {background:#cdd124; color:#fff; border:1px solid #cdd124;}
.wdl_save_list .life_list > div:nth-child(3) .my_rank .cor.del {opacity: 0.5; text-decoration: line-through}
.wdl_save_list .life_list.faild {background: #f9f9f9;box-shadow: none;}

.app_pop_wrap {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;
    justify-content: center;padding: 10px;z-index: 10000;box-sizing: border-box;text-align: center;letter-spacing: -0.02em;}
.app_pop_wrap .pop_cont {display: flex;flex-direction: column;gap: 12px;align-items: center;width: 100%;height: 100%;}
.app_pop_wrap .box {display: flex;flex-direction: column;gap: 28px;padding: 10px;background-color: #fff;
    border-radius: 10px;width: 100%;box-sizing: border-box;height: 100%;overflow-y: scroll;}
.app_pop_wrap .app_pop_close {font-size: 16px;font-weight: bold;line-height: 170%;text-decoration: underline;color: #fff;
    height: 36px;padding: 0 4px;display: flex;align-items: center;}
#myChart {    position: absolute;
    width: 100%;
    height: 560px;
    right: 0;}
    
    
.state{min-width: fit-content; height: 20px; border-radius: 4px; background: #2d417d; color: #fff; font-size: 11px; display: flex; justify-content: center; align-items: center; padding:0 5px; position:relative; /*line-height: 0*/}
.state.win,
.state.under{background: #dd2727; color: #fff;}
.state.draw{background: #707070; color: #fff;}
.state.lose,
.state.over{background: #2e52be; color: #fff;}


.standing_wrap {padding: 10px;font-size: 10px;}
.standing_wrap ul {display:flex; gap:5px;flex-direction: column;}
.standing_wrap li.ucl:before {content: ''; width:5px; height: 10px; display:inline-block; background: #add6ff; vertical-align: middle;margin: 0 2px 0 0;}
.standing_wrap li.uel:before {content: ''; width:5px; height: 10px; display:inline-block; background: #ffb2dc; vertical-align: middle;margin: 0 2px 0 0;}
.standing_wrap li.cfl:before {content: ''; width:5px; height: 10px; display:inline-block; background: #ffe39d; vertical-align: middle;margin: 0 2px 0 0;}
.standing_wrap li.down:before {content: ''; width:5px; height: 10px; display:inline-block; background: #ff7777; vertical-align: middle;margin: 0 2px 0 0;}