/* 숨기기 */
.d-none { display: none !important;}

/* 커서 */
.pointer{cursor:pointer;}

/* 위치잡기 */
.pos-re { position:relative;}
.pos-ab { position:absolute;}
.pos-fix { position:fixed;}
.pos-st { position:sticky;}
.pos-inh { position:inherit;}
.pos-uns { position:unset;}

/* 글씨크기 */
.fs-7 { font-size:7px; }
.fs-8 { font-size:8px; }
.fs-9 { font-size:9px; }
.fs-10 { font-size:10px; }
.fs-11 { font-size:11px; }
.fs-12 { font-size:12px; }
.fs-13 { font-size:13px; }
.fs-14 { font-size:14px; }
.fs-15 { font-size:15px; }
.fs-16 { font-size:16px; }
.fs-17 { font-size:17px; }
.fs-18 { font-size:18px; }
.fs-19 { font-size:19px; }
.fs-20 { font-size:20px; }
.fs-21 { font-size:21px; }
.fs-22 { font-size:22px; }
.fs-23 { font-size:23px; }
.fs-24 { font-size:24px; }
.fs-25 { font-size:25px; }
.fs-26 { font-size:26px; }
.fs-27 { font-size:27px; }
.fs-28 { font-size:28px; }
.fs-29 { font-size:29px; }
.fs-30 { font-size:30px; }

/* 글씨 스타일 */
.itlic {font-style: italic;}


/* 넓이 조절 */
.width-full { width: 100% !important; }
.width-1/2 { width: 50% !important; }
.width-1/3 { width: 33.333% !important; }
.width-2/3 { width: 66.666% !important; }

.width-p10 { width: 10% !important; }
.width-p15 { width: 15% !important; }
.width-p20 { width: 20% !important; }
.width-p25 { width: 25% !important; }
.width-p30 { width: 30% !important; }
.width-p35 { width: 35% !important; }
.width-p40 { width: 40% !important; }
.width-p45 { width: 45% !important; }
.width-p50 { width: 50% !important; }
.width-p55 { width: 55% !important; }
.width-p60 { width: 60% !important; }
.width-p65 { width: 65% !important; }
.width-p70 { width: 70% !important; }
.width-p75 { width: 75% !important; }
.width-p80 { width: 80% !important; }
.width-p85 { width: 85% !important; }
.width-p95 { width: 95% !important; }
.width-p100 { width: 100% !important; }

.width-10 {width: 10px !important;}
.width-15 {width: 15px !important;}
.width-20 {width: 20px !important;}
.width-25 {width: 25px !important;}
.width-30 {width: 30px !important;}
.width-35 {width: 35px !important;}
.width-40 {width: 40px !important;}
.width-45 {width: 45px !important;}
.width-50 {width: 50px !important;}
.width-55 {width: 55px !important;}
.width-60 {width: 60px !important;}
.width-65 {width: 65px !important;}
.width-70 {width: 70px !important;}
.width-75 {width: 75px !important;}
.width-80 {width: 80px !important;}
.width-85 {width: 85px !important;}
.width-90 {width: 90px !important;}
.width-95 {width: 95px !important;}
.width-100 {width: 100px !important;}
.width-110 {width: 110px !important;}
.width-120 {width: 120px !important;}
.width-130 {width: 130px !important;}
.width-140 {width: 140px !important;}
.width-150 {width: 150px !important;}
.width-160 {width: 160px !important;}
.width-170 {width: 170px !important;}
.width-180 {width: 180px !important;}
.width-190 {width: 190px !important;}
.width-200 {width: 200px !important;}
.width-210 {width: 210px !important;}
.width-220 {width: 220px !important;}
.width-230 {width: 230px !important;}
.width-240 {width: 240px !important;}
.width-250 {width: 250px !important;}
.width-260 {width: 260px !important;}
.width-270 {width: 270px !important;}
.width-280 {width: 280px !important;}
.width-290 {width: 290px !important;}
.width-300 {width: 300px !important;}
.width-310 {width: 310px !important;}
.width-320 {width: 320px !important;}
.width-330 {width: 330px !important;}
.width-340 {width: 340px !important;}
.width-350 {width: 350px !important;}
.width-360 {width: 360px !important;}
.width-370 {width: 370px !important;}
.width-380 {width: 380px !important;}
.width-390 {width: 390px !important;}
.width-400 {width: 400px !important;}
.width-410 {width: 410px !important;}
.width-420 {width: 420px !important;}
.width-430 {width: 430px !important;}
.width-440 {width: 440px !important;}
.width-450 {width: 450px !important;}
.width-460 {width: 460px !important;}
.width-470 {width: 470px !important;}
.width-480 {width: 480px !important;}
.width-490 {width: 490px !important;}
.width-500 {width: 500px !important;}


.max-width-10 {max-width: 10px !important;}
.max-width-15 {max-width: 15px !important;}
.max-width-20 {max-width: 20px !important;}
.max-width-25 {max-width: 25px !important;}
.max-width-30 {max-width: 30px !important;}
.max-width-35 {max-width: 35px !important;}
.max-width-40 {max-width: 40px !important;}
.max-width-45 {max-width: 45px !important;}
.max-width-50 {max-width: 50px !important;}
.max-width-55 {max-width: 55px !important;}
.max-width-60 {max-width: 60px !important;}
.max-width-65 {max-width: 65px !important;}
.max-width-70 {max-width: 70px !important;}
.max-width-75 {max-width: 75px !important;}
.max-width-80 {max-width: 80px !important;}
.max-width-85 {max-width: 85px !important;}
.max-width-90 {max-width: 90px !important;}
.max-width-95 {max-width: 95px !important;}
.max-width-100 {max-width: 100px !important;}
.max-width-110 {max-width: 110px !important;}
.max-width-120 {max-width: 120px !important;}
.max-width-130 {max-width: 130px !important;}
.max-width-140 {max-width: 140px !important;}
.max-width-150 {max-width: 150px !important;}
.max-width-160 {max-width: 160px !important;}
.max-width-170 {max-width: 170px !important;}
.max-width-180 {max-width: 180px !important;}
.max-width-190 {max-width: 190px !important;}
.max-width-200 {max-width: 200px !important;}


/* 글씨  */
.text-red { color: #38bdf8 !important; }
.text-red905 { color: #38bdf8 !important; }
.text-red15 { color: #7dd3fc !important; }

.text-yellow { color: #daa502 !important; }

.text-blue {color:#0080ff!important}
.text-blue902 {color:#0080ff!important}

.text-white{color:#fff!important;}
.text-gray1{color:#111!important;}
.text-gray2{color:#222!important;}
.text-gray3{color:#333!important;}
.text-gray4{color:#444!important;}
.text-gray5{color:#555!important;}
.text-gray6{color:#666!important;}
.text-gray7{color:#777!important;}
.text-gray8{color:#888!important;}
.text-gray9{color:#999!important;}


/* 정렬 */
.float-left{float: left !important;}
.float-right{float: right !important;}    
.pull-left { float: left !important; }
.pull-right { float: right !important; }

/* 배경 */
.bg-000{ background: #000;}
.bg-111{ background: #111;}
.bg-222{ background: #222;}
.bg-333{ background: #333;}
.bg-444{ background: #444;}
.bg-555{ background: #555;}
.bg-666{ background: #666;}
.bg-777{ background: #777;}
.bg-888{ background: #888;}
.bg-999{ background: #999;}
.bg-aaa{ background: #aaa;}
.bg-ccc{ background: #ccc;}
.bg-eee{ background: #eee;}
.bg-fff{ background: #fff;}



/* 고객센터 게시판 */
.div_bd_view{ margin: 10px; padding:10px; text-align:left; }
.div_bd_reply_view { background: #333; padding: 10px 0; text-align: center; margin: -10px -10px 20px -50px; }
.title-tr {cursor:pointer;}
.view-tr {display: none;}

/* loading spinner */
    .mbd-loading-cover {position:fixed; width:100%; height:100%; background-color: rgba(0,0,0,.5); z-index: 99;}
    .mbd-loading-cover .mbd-spinner {
        position: absolute;
        top: calc(100%/2 - 80px);
        left: calc(100%/2 - 50px);
        border: 4px solid rgba(0, 0, 0, 0.1);
        border-top: 4px solid #125f92;
        border-right: 4px solid #3498db;
        border-bottom: 4px solid #6abdf5;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        animation: spin 1.5s linear infinite; /* 회전 애니메이션 설정 */
        --margin: 20px auto; /* 가운데 정렬을 위한 마진 설정 */
    }
    .mbd-loading-cover .mbd-spinner .mbd-spinner-inner {
        position: absolute;
        top: 6px;
        left: 6px;
        border: 4px solid rgba(0, 0, 0, 0.1);
        border-top: 4px solid #125f92;
        border-right: 4px solid #3498db;
        border-bottom: 4px solid #6abdf5;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        animation: spin 2s linear infinite; /* 회전 애니메이션 설정 */
        --margin: 20px auto; /* 가운데 정렬을 위한 마진 설정 */
    }
    
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }


/* 스포츠 */
.page-header{ background: #2b0103 !important; border-radius: 5px;font-size: 16px;}


strong.today{ color:#fff; }

.txt-l {text-align: left;}
.txt-r {text-align: right;}
.txt-c {text-align: center;}

/* input 글씨 정렬 */
input.txt-l {text-align: left;}
input.txt-r {text-align: right;}
input.txt-c {text-align: center;}

.search .chkButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    --width: 67px;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #daa502;
    --background: #062235;
    --font-family: 'jal';
    font-size: 12px;
    padding: 0px 10px;
}


input[type="checkbox"] {
    /* 원하는 너비와 높이 설정 */
    width: 20px;
    height: 20px;
    /* 다른 스타일 (예: 배경색, 테두리 등) 설정 */
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px; /* 둥근 모서리 설정 */
    /* 원형의 디자인을 원할 경우 */
    /* b
    order-radius: 50%; */
}
/* Checkbox에 체크했을 때의 스타일 설정 */
input[type="checkbox"]:checked {
    background-color: #007bff; /* 체크된 경우의 배경색 */
}


.box dd .writer{font-family:'jal';font-size:22px;color:var(--f6)}

.box textarea.bd-cont{
    height: 300px;
    width: 100%;
    padding: 10px;
    border: 1px solid #242222;
    background: #111010;
    font-family: 'jal';
    color: #fff;
    outline: none;
    box-sizing: border-box;
}

.btn.act-btn
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 118px;
    height: 40px;
    border-radius: 5px;
    background: #0284c7;
    font-family: 'jal';
    font-size: 16px;
    color:#fff;
}



/* SPIN */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.ico-spin { animation: spin 2s linear infinite; }


/* Text Color 깜빡임 효과 */

.blink { animation:blink .5s infinite;}

@keyframes blink{
    0%, 50% { color:#38bdf8;}
    51%, 100% { color:white;}
}


/* 배팅내역 */
.g_item .base {font-size: xx-small; font-style: italic;}

/* Goldwolf accent override */
.text-red905 { color: #38bdf8 !important; }
.text-red15 { color: #7dd3fc !important; }
.bg-red15 { background: #0284c7 !important; }
.rule-bg-red15 { background: rgba(2, 132, 199, .18) !important; }
.border-bottom-2-red15 { border-bottom-color: #38bdf8 !important; }
.button-sort-red15.on,
.button-sort-red15:hover { color: #7dd3fc !important; border-color: #38bdf8 !important; }
.sport-sort-red15 .on { color: #7dd3fc !important; }
.btn-red15.on,
.btn-odds-red15.on,
.btn-vs-red15.on,
.multibetting-button-red15.on { background: linear-gradient(#38bdf8, #0369a1) !important; border-color: #7dd3fc !important; color: #fff !important; }
.multibetting-odd-red15 { color: #7dd3fc !important; }