/*--ysk--------------------------------------------------------------------------------*

	ysk 2022년01월

-----------------------------------------------------------------------------------ysk-*/
@charset "utf-8";
.fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free";
}
* {
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.cf:after {
    content: '';
    display: block;
    clear: both;
}

/*-------------------------------------------------------------------------------------*
 *  기본스타일 시트                                                                    *
 *-------------------------------------------------------------------------------------*/
a {
    color: #f9f9f9;
    text-decoration: none;
}

body {
    font-size: 12px;
    color: #f9f9f9;
    margin: 0 0 0 0;
    font-family: 'EsaManru';
    font-weight: 300;
    letter-spacing: 0px;
    background: #181818 !important;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

td {
    font-size: 12px;
    color: #f9f9f9;
    margin: 0 0 0 0;
    font-family: 'EsaManru';
    font-weight: 300;
    letter-spacing: 0px;
}

div {
    font-size: 12px;
    color: #f9f9f9;
    margin: 0 0 0 0;
    font-family: 'EsaManru';
    font-weight: 300;
    letter-spacing: 0px;
}

select {
    font-size: 12px;
    color: #f9f9f9;
    margin: 0 0 0 0;
    font-family: 'EsaManru';
    font-weight: 300;
    letter-spacing: 0px;
}

textarea {
    font-size: 12px;
    color: #f9f9f9;
    margin: 0 0 0 0;
    font-family: 'EsaManru';
    font-weight: 300;
    letter-spacing: 0px;
}

@media screen and (max-width:520px) {
    a {
        font-size: 10px;
    }

    body {
        font-size: 10px;
    }

    td {
        font-size: 10px;
    }

    div {
        font-size: 10px;
    }

    select {
        font-size: 10px;
    }

    textarea {
        font-size: 10px;
    }
}
/*-------------------------------------------------------------------------------------*
 *  인풋                                                                               *
 *-------------------------------------------------------------------------------------*/
input::-webkit-input-placeholder {
    color: #bababa;
    font-size: 12px;
    letter-spacing: -1pt;
}

input:-ms-input-placeholder {
    color: #bababa;
    font-size: 12px;
    letter-spacing: -1pt;
}

textarea::-webkit-input-placeholder {
    color: #bababa;
    font-size: 12px;
    letter-spacing: -1pt;
}

textarea:-ms-input-placeholder {
    color: #bababa;
    font-size: 12px;
    letter-spacing: -1pt;
}

input::placeholder {
    color: #bababa;
    font-size: 12px;
    letter-spacing: -1pt;
}

textarea::placeholder {
    color: #bababa;
    font-size: 12px;
    letter-spacing: -1pt;
}


/*-------------------------------------------------------------------------------------*
 *  고정스타일 시트                                                                    *
 *-------------------------------------------------------------------------------------*/
A, area {
    blr: expression(this.onFocus=this.blur())
}

:focus {
    -moz-outline-style: none;
}

form {
    margin: 0;
}

img {
    border: none;
}

ul, ol, li, dl, dd, dt {
    margin: 0;
    list-style: none;
}

html, body, div, span, object, iframe, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img,
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, swf, javascript,
article, aside, canvas, details, figcaption, figure, footer, header, td,
menu, nav, section {
    margin: 0;
    padding: 0
}

img, fieldset, iframe {
    border: 0 none
}

img { /* max-width:100%; */
    vertical-align: middle
}

textarea {
    resize: none
}

input, select, textarea, button {
    font-size: 100%;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%
}

address, strong, caption, cite, code, dfn, em, var {
    font-style: normal;
    font-weight: normal
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: "";
        content: none
    }

/* base - IE8~7 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

/* base - input */
input[type="text"], input[type="password"], input[type="submit"], input[type="search"], input[type="image"], textarea {
    -webkit-appearance: none;
}

input:checked[type="checkbox"] {
    background-color: #666;
    -webkit-appearance: checkbox
}

button, input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
    -webkit-appearance: button;
    border-radius: 0
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

/* 아이폰 폰트사이즈 자동조절 방지 */
html, body {
    -webkit-text-size-adjust: none; /* 크롬, 사파리, 오페라 신버전 */
    -ms-text-size-adjust: none; /* IE */
    -moz-text-size-adjust: none; /* 파이어폭스 */
    -o-text-size-adjust: none; /* 오페라 구버전 */
}

html {
    font-size: 62.5%;
}

button {
    outline: 0;
    box-shadow: none;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
}

input {
    outline: 0;
    box-shadow: none;
    border: 0;
    padding: 0;
    background: transparent;
}

select {
    outline: 0;
    box-shadow: none;
    border: 0;
    padding: 0;
    background: transparent;
}

body::-webkit-scrollbar {
    display: none;
}

body {
    -ms-overflow-style: none; /* 인터넷 익스플로러 */
    scrollbar-width: none; /* 파이어폭스 */
}


.main_visual .swiper-slide {
    border: 1px solid #434347;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px;
    border-radius: 4px;
}

.main_visual .swiper-pagination-bullet {
    display: inline-block;
    width: 8%;
    height: 4px;
    background: #3f404b;
    margin: 0 3px;
    opacity: 1;
    border-radius: 0;
    vertical-align: top;
}

.main_visual .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ffa604;
    opacity: 1;
}


@charset "utf-8";
/*-------------------------------------------------------------------------------------*
 *  게시판                                                                             *
 *-------------------------------------------------------------------------------------*/
.list_box {
    width: 100%;
}

.list_tr {
    width: 100%;
    font-size: 0;
    display: flex;
}

    .list_tr > * {
        width: 130px;
    }

        .list_tr > *:nth-child(2) {
            max-width: 100%;
            width: calc(100% - 520px);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .list_tr:not(.trfirst) > *:nth-child(2) {
        padding-left: 50px;
        font-weight: 500;
        justify-content: flex-start;
    }

.list_title1 {
    background: url(/Assets/Assets6/img/main/bg_lnb.png) center top repeat-x;
    background-size: auto 100%;
    border-top: 1px solid #8bff00;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #efefef;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 44px;
}

.list_notice1 {
    background: rgba(0,0,0,0.6);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #efefef;
    font-size: 13px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px 10px 5px;
    cursor: pointer;
}

.list1 {
    background: rgba(0,0,0,0.4);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #efefef;
    font-size: 13px;
    width: 130px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px 10px 5px;
    cursor: pointer;
}

.listview {
    background: rgba(255,255,255,0.05);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #efefef;
    font-size: 13px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 30px;
}


.list_tr2 {
    width: 100%;
    font-size: 0;
    display: flex;
}

    .list_tr2 > * {
        width: calc(100% / 7);
    }
/* 비율이같은 게시판일경우 사용 열숫자에 맞게 숫자만수정해주세요 */
.list_title2 {
    background: url(/Assets/Assets6/img/main/bg_lnb.png) center top repeat-x;
    background-size: auto 100%;
    border-top: 1px solid #8bff00;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #efefef;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 44px;
}

.list_notice2 {
    background: rgba(0,0,0,0.6);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #efefef;
    font-size: 13px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px 10px 5px;
}

.list2 {
    background: rgba(0,0,0,0.4);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #efefef;
    font-size: 13px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px 10px 5px;
}

/* 충전내역/환전내역 */
.list_tr3 {
    width: 100%;
    font-size: 0;
    display: flex;
}

    .list_tr3 > * {
        width: calc(100% / 5);
        transition: all 0.4s;
    }
/* 비율이같은 게시판일경우 사용 열숫자에 맞게 숫자만수정해주세요 */
.list_title3 {
    background: url(/Assets/Assets6/img/main/bg_lnb.png) center top repeat-x;
    background-size: auto 100%;
    border-top: 1px solid #8bff00;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #efefef;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 44px;
}

.list_notice3 {
    background: rgba(0,0,0,0.6);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #efefef;
    font-size: 13px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px 10px 5px;
}

.list3 {
    background: rgba(0,0,0,0.4);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #efefef;
    font-size: 13px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px 10px 5px;
}

.list_tr4 {
    width: 100%;
    font-size: 0;
    display: flex;
}

    .list_tr4 > * {
        width: 130px;
        transition: all 0.4s;
    }

        .list_tr4 > *:nth-child(2) {
            max-width: 100%;
            width: calc(100% - 520px);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .list_tr4:not(.trfirst) > *:nth-child(2) {
        padding-left: 50px;
        font-weight: 500;
        justify-content: flex-start;
        color: #ffffff;
    }


.list_title4 {
    background: url(/Assets/Assets6/img/main/bg_lnb.png) center top repeat-x;
    background-size: auto 100%;
    border-top: 1px solid #8bff00 !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    color: #efefef;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 44px;
}

.list_notice4 {
    background: rgba(0,0,0,0.6);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #efefef;
    font-size: 13px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px 10px 5px;
    cursor: pointer;
}

.list4 {
    background: rgba(0,0,0,0.4);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #efefef;
    font-size: 13px;
    width: 130px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px 10px 5px;
    cursor: pointer;
}

.write_box {
    width: 100%;
}

.write_tr {
    width: 100%;
    display: flex;
}

.write_title_top {
    border-top: 1px solid #8bff00;
}

.write_title {
    background: url(/Assets/Assets6/img/main/bg_lnb.png) center top repeat-x;
    background-size: auto 100%;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    border-top: none;
    color: #efefef;
    width: 200px;
    font-weight: 500;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.write_basic {
    background: rgba(0,0,0,0.4);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #efefef;
    padding: 12px 20px 12px 20px;
    width: calc(100% - 200px);
}

    .write_basic input::placeholder, .write_basic textarea::placeholder {
        color: #666666;
        transition: all 0.5s;
    }

    .write_basic input:focus, .write_basic textarea:focus {
        border: 1px solid #8bff00;
    }

.view_box {
    width: 100%;
}

.view_tr {
    width: 100%;
    font-size: 0;
}

    .view_tr > * {
        width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .view_tr > *:nth-child(1) {
            max-width: 100%;
            font-size: 13px;
            width: calc(100% - 450px);
            text-align: left;
            padding-left: 20px;
        }

    .view_tr > .view1_title {
        font-size: 16px;
        font-family: 'EsaManru';
        font-weight: 500;
        width: 100%;
        text-align: left;
        padding-left: 20px;
    }

.view1 {
    background: rgba(0,0,0,0.8);
    color: #efefef;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 44px;
}

.view1_title {
    background: rgba(0,0,0,0.6);
    color: #efefef;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 48px;
}

.view2 {
    background: rgba(0,0,0,0.4);
    border: 1px solid rgba(255,255,255,0.1);
    padding: 12px 20px 10px 20px;
    width: 100%;
    line-height: 26px;
    min-height: 150px;
    color: #efefef;
    font-size: 12px;
}

.view1_po {
    background: rgba(255,255,255,0.1);
    color: #ffffff;
    padding: 5px 8px 3px 8px;
    line-height: 12px;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    margin: 0 5px 0 0;
    font-weight: 300;
    border-radius: 100px;
}

.view2_l {
    float: left;
}

.view2_r {
    float: left;
    padding: 0 0 0 50px;
}

.view2 img {
    max-width: 100% !important;
    height: auto;
}

.page_wrap {
    float: left;
    width: 100%;
    height: 40px;
    text-align: center;
    clear: both;
}

    .page_wrap ul li {
        display: inline;
    }

.page {
    background: rgba(0,0,0,0.4);
    border: 1px solid rgba(255,255,255,0.1);
    color: #fafafa;
    display: inline-block;
    padding: 12px 17px 12px 17px;
    border-radius: 5px;
}

.pageon {
    background: linear-gradient(#007bff 0%, #02162d 100%);
    color: #ffffff;
    display: inline-block;
    padding: 12px 17px 12px 17px;
    font-weight: 500;
    border-radius: 5px;
}

.info_wrap {
    background: #1b1c2091;
    float: left;
    width: 100%;
    padding: 15px 0 20px 0;
    border-radius: 0px;
}

.info1 {
    float: left;
    width: 100%;
    line-height: 28px;
    color: #ffffff;
    padding: 0 20px 0 20px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -1pt;
    font-family: 'EsaManru';
}

.info2 {
    float: left;
    width: 100%;
    line-height: 32px;
    color: #fff600;
    padding: 5px 20px 0 20px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -1pt;
    font-family: 'EsaManru';
}

.info3 {
    float: left;
    width: 100%;
    line-height: 26px;
    color: #ffffff;
    padding: 5px 20px 0 23px;
    font-size: 13px;
    font-weight: 300;
    font-family: 'EsaManru';
}

@media (hover: hover) {
}

@media screen and (max-width:1280px) {
    .list_tr > * {
        width: 110px;
    }

        .list_tr > *:nth-child(4) {
            display: none;
        }

        .list_tr > *:nth-child(2) {
            width: calc(100% - 330px);
        }

    .list_tr:not(.trfirst) > *:nth-child(2) {
        padding-left: 30px;
    }

    .list_tr4 > * {
        width: 110px;
    }

        .list_tr4 > *:nth-child(5) {
            display: none;
        }

        .list_tr4 > *:nth-child(2) {
            width: calc(100% - 330px);
        }

    .list_tr4:not(.trfirst) > *:nth-child(2) {
        padding-left: 30px;
    }
}

@media screen and (max-width:1024px) {

    .list_tr3 > * {
        width: calc(100% / 5);
    }

        .list_tr3 > *:nth-child(1) {
            display: none;
        }


    .write_tr {
        flex-wrap: wrap;
    }

    .write_title {
        width: 30%;
    }

    .write_basic {
        width: 70%;
        padding: 8px 12px 8px 12px;
    }

    .table-bbs .hidden-1024 {
        display: none
    }
    /* 수정 */


    .page_wrap ul li span {
        padding: 10px 15px 10px 15px;
    }
}

@media screen and (max-width:768px) {
    .list_tr > * {
        width: 100px;
    }

        .list_tr > *:nth-child(3) {
            display: none;
        }

        .list_tr > *:nth-child(2) {
            width: calc(100% - 200px);
        }

    .list_tr:not(.trfirst) > *:nth-child(2) {
        padding-left: 10px;
    }


    .list_tr4 > * {
        width: 100px;
    }

        .list_tr4 > *:nth-child(1) {
            display: none;
        }

        .list_tr4 > *:nth-child(2) {
            width: calc(100% - 200px);
        }

    .list_tr4:not(.trfirst) > *:nth-child(2) {
        padding-left: 10px;
    }

    .list_tr6 > * {
        width: 100px;
        font-size: 13px;
    }

        .list_tr6 > *:nth-child(1) {
            display: none;
        }

        .list_tr6 > *:nth-child(2) {
            width: calc(100% - 100px);
        }

    .list_tr6:not(.trfirst) > *:nth-child(2) {
        padding-left: 10px;
    }

    .write_tr > * {
        width: 100%;
    }

    .write_title {
        padding: 12px 12px 5px 12px;
        justify-content: flex-start;
    }

    .write_basic {
        background: rgba(0,0,0,0.6);
        border-left: 1px solid #49433b;
        border-right: 1px solid #49433b;
    }

        .write_basic input {
            width: 100%;
        }

            .write_basic input.input1_view {
                margin: 2px 0 0 0;
            }

    .view_tr > * {
        width: 33.33333%;
        text-align: left;
        font-size: 13px;
        padding-left: 5px;
    }

        .view_tr > *:nth-child(1) {
            width: 100%;
            padding-left: 5px;
        }

    .view2 {
        padding: 5px;
    }

    .view2_l {
        width: 100%;
        text-align: center;
    }

        .view2_l img {
            width: 100%;
        }

    .view2_r {
        width: 100%;
        padding: 0 0 0 0px;
    }
}

@media screen and (max-width:600px) {
    .list_tr > *:nth-child(1) {
        display: none;
    }

    .list_tr2 > * {
        width: calc(100% / 3);
    }

        .list_tr2 > *:last-child {
            display: none;
        }

    .list_tr > *:nth-child(2) {
        width: calc(100% - 100px);
    }

    .list_tr4 > *:nth-child(4) {
        display: none;
    }

    .list_tr4 > *:nth-child(2) {
        width: calc(100% - 100px);
    }

    .info3 {
        font-size: 12px;
    }

    .list_box {
        overflow-x: auto;
    }

    .list_tr3 {
        min-width: 600px;
    }
}

@media screen and (max-width:480px) {
    .list_tr > * {
        width: 90px;
    }

        .list_tr > *:nth-child(2) {
            width: calc(100% - 90px);
        }

    .list_tr:not(.trfirst) > *:nth-child(2) {
        padding-left: 10px;
    }
}

@media screen and (max-width:480px) {
}

/*-------------------------------------------------------------------------------------*
 *  버튼                                                                               *
 *-------------------------------------------------------------------------------------*/
.btn1_1 {
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 0pt;
    font-weight: 500;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: rgba(0,0,0,0.0) 2px 2px 2px -1px;
}

.btn1_2 {
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 0pt;
    font-weight: 500;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: rgba(0,0,0,0.0) 2px 2px 2px -1px;
}

.btn2_1 {
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 0pt;
    font-weight: 500;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: rgba(0,0,0,0.0) 2px 2px 2px -1px;
}

.btn2_2 {
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 0pt;
    font-weight: 500;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: rgba(0,0,0,0.0) 2px 2px 2px -1px;
}

.btn3_1 {
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: -1pt;
    font-weight: 500;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: rgba(0,0,0,0.0) 2px 2px 2px -1px;
}

.btn3_2 {
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: -1pt;
    font-weight: 500;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: rgba(0,0,0,0.0) 2px 2px 2px -1px;
}

.btn_wrap_right {
    float: left;
    width: 100%;
    text-align: right;
}

    .btn_wrap_right ul li {
        display: inline;
    }

.btn_wrap_center {
    float: left;
    width: 100%;
    text-align: center;
}

    .btn_wrap_center ul li {
        display: inline;
    }

.btn1_1 {
    background: linear-gradient(#007bff 0%, #02162d 100%);
    min-width: 80px;
    min-height: 34px;
    padding: 0 15px 0 15px;
    line-height: 34px;
}

    .btn1_1:hover {
        background: linear-gradient(-45deg, #007bff 0%, #02162d 100%);
    }

.btn1_2 {
    background: linear-gradient(#6a6a6a 0%, #282828 100%);
    min-width: 80px;
    min-height: 34px;
    padding: 0 15px 0 15px;
    line-height: 34px;
}

    .btn1_2:hover {
        background: linear-gradient(-45deg, #6a6a6a 0%, #282828 100%);
    }

.btn2_1 {
    background: linear-gradient(#007bff 0%, #02162d 100%);
    min-width: 140px;
    height: 40px;
    line-height: 40px;
}

    .btn2_1:hover {
        background: linear-gradient(-45deg, #007bff 0%, #02162d 100%);
    }

.btn2_2 {
    background: linear-gradient(#6a6a6a 0%, #282828 100%);
    min-width: 140px;
    height: 40px;
    line-height: 40px;
}

    .btn2_2:hover {
        background: linear-gradient(-45deg, #6a6a6a 0%, #282828 100%);
    }

.btn3_1 {
    background: linear-gradient(#007bff 0%, #02162d 100%);
    min-width: 220px;
    height: 50px;
    line-height: 50px;
}

    .btn3_1:hover {
        background: linear-gradient(-45deg, #69a8eb 0%, #042f61 100%);
    }

.btn3_2 {
    background: linear-gradient(#6a6a6a 0%, #282828 100%);
    min-width: 220px;
    height: 50px;
    line-height: 50px;
}

    .btn3_2:hover {
        background: linear-gradient(-45deg, #6a6a6a 0%, #282828 100%);
    }

.btn2_3 {
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 0pt;
    font-weight: 500;
    text-shadow: 1px 1px 1px rgba(0,0,0,0);
    box-shadow: rgba(0,0,0,0.0) 2px 2px 2px -1px;
}

.btn2_4 {
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 0pt;
    font-weight: 500;
    text-shadow: 1px 1px 1px rgba(0,0,0,0);
    box-shadow: rgba(0,0,0,0.0) 2px 2px 2px -1px;
}

.btn2_3 {
    background: linear-gradient(#a7af0f 0%, #11531f 100%);
    min-width: 110px;
    height: 40px;
    line-height: 40px;
}

    .btn2_3:hover {
        background: linear-gradient(-45deg, #a7af0f 0%, #11531f 100%);
    }

.btn2_4 {
    background: linear-gradient(#af0f0f 0%, #531111 100%);
    min-width: 110px;
    height: 40px;
    line-height: 40px;
}

    .btn2_4:hover {
        background: linear-gradient(-45deg, #af0f0f 0%, #531111 100%);
    }



.division1 {
    background: rgba(255,255,255,0.1);
    display: inline-block;
    text-align: center;
    min-width: 100px;
    padding: 6px 8px 6px 8px;
    line-height: 12px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 300;
    border-radius: 2px;
}

.division2 {
    background: #fbff00;
    display: inline-block;
    text-align: center;
    min-width: 100px;
    padding: 6px 8px 6px 8px;
    line-height: 12px;
    color: #000000;
    font-size: 12px;
    font-weight: 300;
    border-radius: 2px;
}

.division3 {
    background: linear-gradient(#007bff 0%, #02162d 100%);
    display: inline-block;
    text-align: center;
    min-width: 60px;
    padding: 4px 8px 4px 8px;
    line-height: 12px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 300;
    border-radius: 20px;
}

.write_basic_btn {
    display: inline-block;
    margin: 0 0 0 10px;
}

[class*="btn1_"] {
    margin: 0 0 2px;
}

@media screen and (max-width:1250px) {
    .write_basic_btn {
        margin: 5px 0 0 0;
    }
}

@media screen and (max-width:768px) {
    .display_flex {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
    }

        .display_flex li {
            width: 100%;
            margin: 0 2px 0 2px;
        }

    [class*="btn2_"] {
        min-width: 100%;
    }

    [class*="btn3_"] {
        min-width: 100%;
    }

    .division1 {
        min-width: 70px;
    }

    .division2 {
        min-width: 70px;
    }

    .division3 {
        min-width: 70px;
    }
}

.btn1_1:hover, .btn1_2:hover, .btn2_1:hover, .btn2_2:hover, .btn3_1:hover, .btn3_2:hover {
    -webkit-animation: mouseover03 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
    animation: mouseover03 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}


@keyframes mouseover03 {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-filter: blur(1px);
        filter: blur(1px);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
}

/*-------------------------------------------------------------------------------------*
 *  탭                                                                                 *
 *-------------------------------------------------------------------------------------*/
.tab_wrap {
    float: left;
    margin: 10px 0 0 0;
    transition: all 0.5s;
}

    .tab_wrap ul li {
        float: left;
        margin: 0 1px 3px 0;
    }

.tab {
    background: linear-gradient(#686868 0%, #303030 100%);
    width: 110px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    color: #989898;
    font-weight: 400;
    border-radius: 5px;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.39);
}

    .tab:hover {
        background: linear-gradient(#eeeeee 0%, #494949 100%);
        color: #ffffff;
    }

.tabon {
    background: linear-gradient(#eeeeee 0%, #494949 100%);
    width: 110px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    color: #ffffff;
    font-weight: 400;
    border-radius: 5px;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.39);
}

.tab:hover img {
    filter: brightness(100);
}

/* 경기결과탭 */
.sports_tab_wrap {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}

    .sports_tab_wrap ul {
        float: left;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

        .sports_tab_wrap ul li {
            float: left;
            width: calc(100% / 9);
            padding: 0.5px;
        }

            .sports_tab_wrap ul li a {
                display: block;
                width: 100%;
                height: 40px;
                line-height: 40px;
                text-align: center;
                background: #111111;
                text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.39);
            }

            .sports_tab_wrap ul li.active a {
                background: linear-gradient(#eeeeee 0%, #494949 100%);
            }

            .sports_tab_wrap ul li:hover a {
                background: linear-gradient(#eeeeee 0%, #494949 100%);
            }

/* 스포츠탭 */
.sub_tab_wrap {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
}

    .sub_tab_wrap ul {
        float: left;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

        .sub_tab_wrap ul li {
            float: left;
            width: calc(100% / 2);
            padding: 0.5px;
        }

            .sub_tab_wrap ul li a {
                display: block;
                width: 100%;
                height: 40px;
                line-height: 40px;
                text-align: center;
                background: #111111;
                text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.39);
            }

            .sub_tab_wrap ul li.active a {
                background: linear-gradient(#eeeeee 0%, #494949 100%);
            }

            .sub_tab_wrap ul li:hover a {
                background: linear-gradient(#eeeeee 0%, #494949 100%);
            }

/* 미니게임 */
.mini_tab_wrap {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
}

    .mini_tab_wrap ul {
        float: left;
        width: 100%;
        display: flex;
    }

        .mini_tab_wrap ul li {
            float: left;
            width: 100%;
            padding: 0.5px;
        }

            .mini_tab_wrap ul li a {
                display: block;
                width: 100%;
                height: 40px;
                line-height: 40px;
                text-align: center;
                background: #111111;
                text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.39);
            }

            .mini_tab_wrap ul li.active a {
                background: linear-gradient(#eeeeee 0%, #494949 100%);
            }

            .mini_tab_wrap ul li:hover a {
                background: linear-gradient(#eeeeee 0%, #494949 100%);
            }

@media screen and (max-width:1024px) {
    .sports_tab_wrap ul li {
        width: calc(100% / 6);
    }

    .mini_tab_wrap ul {
        flex-wrap: wrap;
    }

        .mini_tab_wrap ul li {
            width: calc(100% / 6);
        }
}

@media screen and (max-width:768px) {
    .tab_wrap {
        width: 100%;
        margin: 0;
    }

        .tab_wrap ul li {
            width: 33%;
            margin: 0 0.5% 0.5% 0;
        }

            .tab_wrap ul li:nth-child(3n) {
                margin: 0 0 0.5% 0;
            }

    .tab {
        width: 100%;
    }

    .tabon {
        width: 100%;
    }

    .sports_tab_wrap ul li {
        width: calc(100% / 4);
    }

    .mini_tab_wrap ul li {
        width: calc(100% / 4);
    }
}

/*-------------------------------------------------------------------------------------*
 *  폰트                                                                               *
 *-------------------------------------------------------------------------------------*/
.font01 {
    color: #ffffff;
    font-weight: 500;
}

.font02 {
    color: #000000;
    font-weight: 500;
}

.font03 {
    color: #929292;
}

.font04 {
    color: #72b12c;
}

.font05 {
    color: #ffcf00;
    font-weight: 500;
}

.font06 {
    color: #00ffff;
    font-weight: 500;
}

.font07 {
    color: #fee599;
    font-weight: 500;
}

.font08 {
    color: #828282;
    font-weight: 500;
}

.font09 {
    color: #0048ff;
    font-weight: 500;
}

.font10 {
    color: #fee900;
    font-weight: 500;
}

.font11 {
    color: #fff600;
    font-weight: 500;
    font-size: 16px;
    font-family: 'EsaManru';
}

.font12 {
    color: #eaeaea;
    font-weight: 500;
    font-size: 16px;
    font-family: 'EsaManru';
}

.font13 {
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    font-family: 'EsaManru';
}

.font14 {
    color: #00ff54;
    font-weight: 500;
    font-size: 20px;
    font-family: 'EsaManru';
}

/*-------------------------------------------------------------------------------------*
 *  인풋                                                                               *
 *-------------------------------------------------------------------------------------*/
.input1 {
    background-color: #111111;
    border: 1px solid #000000;
    padding: 4px 0 4px 5px;
    color: #ffffff;
    font-size: 13px;
    border-radius: 3px;
    height: 34px;
    transition: all 0.5s;
}

.input2 {
    background-color: #111111;
    border: 1px solid #000000;
    padding: 4px 0 4px 5px;
    color: #ffffff;
    font-size: 13px;
    border-radius: 3px;
    transition: all 0.5s;
}

.input3 {
    background-color: #111111;
    border: 1px solid #000000;
    padding: 10px 5px 10px 5px;
    color: #ffffff;
    font-size: 13px;
    border-radius: 3px;
    transition: all 0.5s;
    width: 100%;
    text-align: right;
}


.select {
    background-color: inherit;
    padding: 0 10px;
    color: #ffffff;
    height: 40px;
    text-align: center;
    transition: all 0.5s;
}