/*-------------------------------------------------------------------------------------*
 *  �˾�, �� (sk_tab)                                                                  *
 *-------------------------------------------------------------------------------------*/
.popup_none {
    display: none;
}

.popup_wrap {
    width: 1300px;
}

.close_box {
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0 10px 0;
}

.popupbox {
    width: 100%;
    float: left;
    background: #222255;
    min-height: calc(100vh - 200px);
    border-radius: 10px;
    padding: 40px;
    position: relative;
    box-shadow: 0px 0px 70px rgba(0,0,0,0.5);
}

    .popupbox .con_box {
        float: left;
        width: 100%;
        margin: 10px 0 0 0;
    }

    .popupbox .title {
        float: left;
        width: 100%;
        height: 50px;
        line-height: 50px;
        background: rgb(26 26 161);
        border: 1px solid rgba(0,0,0,0.1);
        font-family: 'nanumsquare', sans-serif;
        padding: 0 0 0 15px;
        font-size: 24px;
        letter-spacing: -1px;
        font-weight: 700;
        color: #ffd100;
        margin: 10px 0 0 0;
    }

    .popupbox .find {
        float: right;
        padding: 10px;
        margin-top: 10px;
        margin-right: 10px;
        width: 200px;
        height: 30px;
        font-size: 16px;
        border: 1px solid #b4a08b;
        color: white;
    }

/* ���Ӹ���Ʈ ����Ʈ */
.game_tit {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
}

.game_list_wrap {
    float: left;
    width: 1310px;
}

    .game_list_wrap ul li {
        float: left;
        margin: 0 10px 10px 0;
        position: relative;
    }

        .game_list_wrap ul li img {
            display: inline-block;
            cursor: pointer;
            width: 140px;
            height: 140px;
        }

        .game_list_wrap ul li .name {
            text-align: center;
            padding: 10px;
            width: 140px;
            height: 50px;
            color: white;
        }


@media screen and (max-width: 1765px) {
    /*-------------------------------------------------------------------------------------*
 *  �˾�, �� (sk_tab)                                                                  *
 *-------------------------------------------------------------------------------------*/
    .popup_none {
        display: none;
    }

    .popup_wrap {
        width: 100%;
    }

    .close_box {
        width: 100%;
        float: left;
        text-align: center;
        padding: 10px 0 10px 0;
    }

    .popupbox {
        width: 100%;
        float: left;
        background: #e95555;
        min-width: calc(100vw);
        min-height: calc(100vh - 200px);
        border-radius: 10px;
        position: relative;
        box-shadow: 0px 0px 70px rgba(0,0,0,0.5);
        overflow-x: hidden;
        padding: 0px;
    }

        .popupbox .con_box {
            float: left;
            width: 100%;
            margin: 10px 0 0 0;
        }

        .popupbox .title {
            float: left;
            width: 100%;
            height: 50px;
            line-height: 50px;
            background: rgb(103 44 195);
            border: 1px solid rgba(0,0,0,0.1);
            font-family: 'nanumsquare', sans-serif;
            padding: 0 0 0 15px;
            font-size: 24px;
            letter-spacing: -1px;
            font-weight: 700;
            color: #ffd100;
            margin: 10px 0 0 0;
        }

        .popupbox .find {
            float: right;
            margin-top: 10px;
            margin-right: 20px;
            width: 200px;
            height: 30px;
            font-size: 16px;
            border: 1px solid black;
            color: white;
        }

    /* ���Ӹ���Ʈ ����Ʈ */
    .game_tit {
        width: 100%;
        float: left;
        margin: 0 0 10px 0;
    }

    .game_tit {
        width: 100%;
        float: left;
        margin: 0 0 10px 0;
    }

    .game_list_wrap {
        float: left;
        width: 100%;
    }

        .game_list_wrap ul li {
            float: left;
            width: 30%;
            padding: 0 1px 2px 1px;
            position: relative;
        }

            .game_list_wrap ul li a img {
                width: 100%;
            }

            .game_list_wrap ul li .name {
                text-align: center;
                width: 100%;
                height: 40px;
                font-size: 14px;
                color: white;
            }
}