.close-flow-button {
	z-index: 9999;
}
.test {
	z-index: 99999;
}
html {
	font-size: unset;
}
a:focus, a:hover {
    color: rgb(54 54 54 / var(--un-text-opacity));
    text-decoration: none;
}
a.sport-trigger:focus, a.sport-trigger:hover {
    color: #ffffff;
    text-decoration: none;
}
/* #content .wrapsport {
	margin-top: 60px;
} */
header.PageDetail {
    margin-top: 60px;
}
.model-main.popup-betcar.model2-open.model2-level {
	margin-top: 13%;
    height: 100vh;
}
.pagination .page-item.active {
	background: unset!important;
}
.pagination .page-item.active .page-link {
	background: var(--btnColor11)!important;
    color: var(--txtColor01);
    border: 1px solid var(--borderColor10);
}
.charge_area #btnAllDel {
	margin-top: 10px;
	margin-right: 10px;
    height: 25px;
    width: 17%;
    font-size: 10px;
    background: #64afe5;
    color: #fff;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
}
.isData .pagination{text-align: center;display: flex;margin: 0 auto;justify-content: center;}
.isData .pagination button{color: black;float: left;padding: 8px 16px;text-decoration: none;transition: background-color .3s;border: 1px solid #ddd;cursor: pointer;}
.isData .pagination button.active {background-color: #4385f8;color: white;border: 1px solid darkblue;}
.isData .pagination button:hover:not(.active) {background-color: #ddd;}


html,body{height: 100% !important;}

/* 로그인 승인 대기 모래시계 & 버튼 effect */
.hourglass, .hourglass:before, .hourglass:after {animation-duration: 4s;animation-iteration-count: infinite;}
.hourglass {
    --polygonH: polygon(0% 0%,100% 0%,100% 5.55%,95% 5.55%,95% 28%,60% 46%,60% 54%,95% 72%,95% 94.45%,100% 94.45%,100% 100%,0% 100%,0% 94.45%,5% 94.45%,5% 72%,40% 54%,40% 46%,5% 28%,5% 5.55%,0% 5.55%);
    animation-name: flip2;
    animation-timing-function: ease-in-out;
    background-image: linear-gradient(var(--primary) 0.5em,#737a8c55 0.5em 8.5em,var(--primary) 8.5em);clip-path: var(--polygonH);-webkit-clip-path: var(--polygonH);overflow: hidden;position: relative;width: 5em;height: 9em;z-index: 0;margin: 20px auto;font-size: 6px;}
.hourglass:before, .hourglass:after {animation-timing-function: linear;content: "";display: block;position: absolute;}
.hourglass:before {
    --polygonB1: polygon(0% 0%,100% 0%,100% 24%,50% 47%,50% 47%,50% 47%,50% 47%,50% 47%,50% 47%,50% 47%,50% 47%,0% 24%);
    --polygonB2: polygon(0% 4%,100% 4%,100% 24%,55% 45%,55% 100%,55% 100%,55% 100%,45% 100%,45% 100%,45% 100%,45% 45%,0% 24%);
    --polygonB3: polygon(0% 24%,100% 24%,100% 24%,55% 45%,55% 80%,100% 100%,100% 100%,0% 100%,0% 100%,45% 80%,45% 45%,0% 24%);
    --polygonB4: polygon(45% 45%,55% 45%,55% 45%,55% 45%,55% 58%,100% 76%,100% 100%,0% 100%,0% 76%,45% 58%,45% 45%,45% 45%);
    --polygonB5: polygon(50% 53%,50% 53%,50% 53%,50% 53%,50% 53%,100% 76%,100% 100%,0% 100%,0% 76%,50% 53%,50% 53%,50% 53%);
    animation-name: fill;background-color: #f2c296;background-size: 100% 3.6em;clip-path: var(--polygonB1);-webkit-clip-path: var(--polygonB1);top: 0.5em;left: 0.5em;width: 4em;height: 8em;z-index: 1;}
.hourglass:after {
    animation-name: glare;
    background:
        linear-gradient(90deg,#0000 0.5em,#0003 0.5em 1.5em,#0000 1.5em 3.5em,#fff3 3.5em 4.5em,#fff0 4.5em 6.5em,#0003 6.5em 7.5em,#0000 7.5em) 0 0 / 100% 0.5em,
        linear-gradient(90deg,#0000 0.75em,#0003 0.75em 1.25em,#0000 1.25em 3.75em,#fff3 3.75em 4.25em,#fff0 4.25em 6.75em,#0003 6.75em 7.25em,#0000 7.25em) 0 0.5em / 100% 8em,
        linear-gradient(90deg,#0000 0.5em,#0003 0.5em 1.5em,#0000 1.5em 3.5em,#fff3 3.5em 4.5em,#fff0 4.5em 6.5em,#0003 6.5em 7.5em,#0000 7.5em) 0 100% / 100% 0.5em;
    background-repeat: repeat-x;top: 0;left: -3em;width: 200%;height: 100%;z-index: 2;}
@keyframes fill {
    from {
        clip-path: var(--polygonB1);
        -webkit-clip-path: var(--polygonB1);
    }
    10% {
        clip-path: var(--polygonB2);
        -webkit-clip-path: var(--polygonB2);
    }
    45% {
        clip-path: var(--polygonB3);
        -webkit-clip-path: var(--polygonB3);
    }
    80% {
        clip-path: var(--polygonB4);
        -webkit-clip-path: var(--polygonB4);
    }
    85%, to {
        clip-path: var(--polygonB5);
        -webkit-clip-path: var(--polygonB5);
    }
}
@keyframes glare {
    from, 90% {
        transform: translateX(0);
    }
    to {
        transform: translateX(3em);
    }
}
@keyframes flip2 {
    from, 90% {
        transform: rotate(0);
    }
    to {
        transform: rotate(180deg);
    }
}

.effect-btn{
    position: relative;
    overflow: hidden; 
  }
  
  .effect-btn:before {
    border-radius: 50%;
    background-color: rgba(255,255,255,0.6);
    content:'';
    position: absolute;
    top: 50%; left: 50%;
    width:0; height:0;
  }
  
  .effect-btn:focus:before {
    transition: all 0.5s ease-out;
    opacity:0;
    width:160px;
    height:160px;
    margin-top:-80px;
    margin-left:-80px;
  }
@keyframes clickAnimation {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-3px);
	}
	100% {
		transform: translateY(0);
	}
}
.new-tag{
    position: absolute;
    right: 1px;
    top: -5px;
    width: 42px;
    height: 17px;
    font-size: 0rem !important;
}
.icon-star:before {
    content: "";
}

#open-cart .pulse {
    position: fixed;
    height: 30vw;
    width: 30vw;
    border: 15px solid rgba(230,230,230,.4);
    border-radius: 50%;
    -webkit-animation: pulse2 1s ease-out;
    -moz-animation: pulse2 1s ease-out;
    -o-animation: pulse2 1s ease-out;
    animation: pulse2 1s ease-out;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: -1
}

@-moz-keyframes pulse2 {
    0% {
        -moz-transform: scale(.1,.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -moz-transform: scale(1.1,1.1);
        transform: scale(1.1);
        opacity: 0
    }
}

@-webkit-keyframes pulse2 {
    0% {
        -webkit-transform: scale(.1,.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.1,1.1);
        transform: scale(1.1);
        opacity: 0
    }
}

@-o-keyframes pulse2 {
    0% {
        -o-transform: scale(.1,.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -o-transform: scale(1.1,1.1);
        transform: scale(1.1);
        opacity: 0
    }
}

@-moz-keyframes pulse2 {
    0% {
        -webkit-transform: scale(.1,.1);
        -moz-transform: scale(.1,.1);
        -o-transform: scale(.1,.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.1,1.1);
        -moz-transform: scale(1.1,1.1);
        -o-transform: scale(1.1,1.1);
        transform: scale(1.1);
        opacity: 0
    }
}

@keyframes pulse2 {
    0% {
        -webkit-transform: scale(.1,.1);
        -moz-transform: scale(.1,.1);
        -o-transform: scale(.1,.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.1,1.1);
        -moz-transform: scale(1.1,1.1);
        -o-transform: scale(1.1,1.1);
        transform: scale(1.1);
        opacity: 0
    }
}

.touch-effect {
    transition: transform 0.1s ease;
}

.touch-effect:active {
    transform: scale(0.95);
}