* {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'Nanum Gothic', sans-serif;
}
a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}
.contain {
    width: 400px;
    margin: 0 auto;
}
.header a, .best_game .pic > a, .big_banner > a{
    /* 링크 inent */
    display: block;
    width: 100%;
    height: 100%;

    text-indent: -99999px;
}
.sns_button > .inner > a {
    display: block;
    width: 100%;
    height: 100%;
}
/* 메인 */
.main_wrap {
    width: 100%;
    min-width: 400px;
    overflow: hidden;

    background: rgb(55, 54, 60);
}
.main_txt {
    color: #fff;

    font-size: 17px;
    font-weight: 600;

    margin-bottom: 15px;
}
/* 헤더 */

.header {
    width: 100%;
    height: 90px;

    background: rgb(27, 26, 31);
    
    position: fixed;

    z-index: 999999;
}
.header_inner {
    height: 100%;
    position: relative;
}
.header_inner > .center {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}
.header_wrap {
    right: 0;
}
.category_button {
    display: block;
    left: 5px;

    width: 15px;

    cursor: pointer;

}

.category_button .cicle {
    width: 10px;
    height: 10px;
    background: #bebcb9;

    margin-bottom: 5px;

    border-radius: 50%;
}
.logo {
    left: 30px;

    width: 230px;
    height: 80px;

    background:url(../img/globalheader_logo.png) no-repeat center / contain;
}
.header_wrap > .user {
    background: url(../img/globalheader_user.png) no-repeat center / contain;
}
.header_wrap > .downlod {
    background: url(../img/globalheader_downloder.png) no-repeat center / contain;
}
.header_wrap > .user,
.header_wrap > .downlod {
    float: left;

    width: 25px;
    height: 30px;

    margin-left: 20px;
}

/* 카테고리 */
.category {
    user-select: none;
    position: fixed;
    z-index: 9999999;
    height: 100vh;
    width: 100%;
    background: linear-gradient(to top, #1b1a1f , #545a74);
    padding: 50px 30px;
    box-sizing: border-box;    
    transform: translateX(-100%);
    
    transition: transform 0.5s;
    overflow-y: scroll;
}
.x_box {
    display: block;

    position: absolute;
    top: 10px;
    right: 10px;

    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;

    cursor: pointer;
}
.mini_banner {
    width: 100%;
    height: 150px;
    background: url(../img/category_img.png) no-repeat bottom / contain;
    border-bottom: 1px solid #1e328c;

    margin: 10px auto 25px;
}

/* 이것은 메뉴다 */
.header_manu > li {
    color: #bebcb9;
    font-size: 15px;
    margin: 3px 0;
}
.header_manu > li > a {
    display: block;
    width: 100%;
    height: 100%;
}
.header_manu > .menu_tile {
    margin: 7px 0;
    color: #ffff !important;
    font-size: 13px !important;
    font-weight: 600;
}

/* 메뉴 호버 */
.header_manu > li > a:hover {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) );
}

/* 호버와 체크 */
#cat:checked ~ .category {
    display: block;
}
.x_box:hover {
    color: #ddd;
}

/* 푸터 */

.footer {
    width: 100%;
    min-width: 400px;
    background: rgb(27, 26, 31);
    padding: 20px 0;
    box-sizing: border-box;
    color:  #bebcb9;
    overflow: hidden;
}
.footer_inner {
    border-top: 1px solid #bebcb9;
    border-bottom: 1px solid #bebcb9;
    overflow: hidden;
    padding: 15px 0;
    box-sizing: border-box;
    margin-bottom: 15px;
}
.fot_logo {
    width: 100px;
    height: 30px;
    background: url(../img/footer_log.png) no-repeat center / contain;
    margin-bottom: 10px;
}
.fot_text {
    float: left;
    font-size: 12px;
}
.fot_text > a {
    color: #fff;
    font-size: 10px;
    margin: 0 5px;
}
.footer > .contain {
    margin: 0 auto;
}
.link_box{
    width: 50%;
    height: 15px;
    background: rosybrown;
}
.link_box > a:first-child {
    margin-left: 0;
}