#game_wrap{
    background: url('../images/gate_bg.jpg') no-repeat;
    background-size: 100%;
}

#content .level_sec{
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%); 
    width: max-content;
}

#content .level_sec div {
    display: inline-block;
    margin: 0px 10px;
}

.easyLevel {
    background: url(../../images/easylevel.png) no-repeat;
    width: 316px;
    height: 287px;
    cursor: pointer;
}
.easyLevel:hover {
    transform: scale(1.1);
}

.basicLevel {
    background: url(../../images/basiclevel.png) no-repeat;
    width: 316px;
    height: 287px;
    cursor: pointer;
}
.basicLevel:hover {
    transform: scale(1.1);
}

.hardLevel {
    background: url(../../images/hardlevel.png) no-repeat;
    width: 316px;
    height: 287px;
    cursor: pointer;
}
.hardLevel:hover {
    transform: scale(1.1);
}

.main_cha{
    position: absolute;
}

#main_cha1{
    bottom: 96px;
    left: 210px;
    width: 220px;
}

#main_cha2{
    bottom: 200px;
    left: 65px;
    width: 150px;
}

#main_cha3{
    top: 414px;
    right: 168px;
    width: 270px;
}