/*---------------------------------------------------------
    EVENT WRAP
---------------------------------------------------------*/
#event_wrap {
    display: flex;
    min-width: 1400px;
    justify-content: center;
    background:url("/images/1bet1/rules_bg.jpg") no-repeat;
    background-size:100%;
}

#event_wrap > .flexbox {
    display: flex;
    min-width: 1400px;
    max-width: 2200px;
    padding-left:20px;
    padding-right:20px;
    width:100%;
}

#event_wrap > .flexbox > .lnbbox {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width:240px;
    padding-top:20px;
}

#event_wrap > .flexbox > .contentsbox {
    display: block;
    flex-grow: 1;
    padding-top:20px;
    margin-left:20px;
}

/*---------------------------------------------------------
    EVENT LNB
---------------------------------------------------------*/
#event_lnb {
    display: flex;
    flex-direction: column;
    margin:0px;
    flex-grow: 1;
    opacity:70%;
}

#event_lnb > .lnbitem {
    flex-shrink: 0;
    display: block;
    height:50px;
    line-height:55px;
    padding-left:20px;
    padding-right:20px;
    font-size:14px;
    font-family: 'Gmarket Sans';
    background:#07172d;
    margin-bottom:1px;
    overflow:hidden;
    cursor:pointer;
}

#event_lnb > .lnbitem.active,
#event_lnb > .lnbitem:hover {
    background:#0f2747;
    color: #ef7c00;
    border:1px solid #254b7f;
    line-height:53px;
    padding-left:19px;
    padding-right:19px;
}

#event_lnb > .expand {
    display: block;
    background:#07172d;
    flex-grow: 1;
    margin-bottom:20px;
}

/*---------------------------------------------------------
    EVENT VIEW
---------------------------------------------------------*/
#event_view {
    display: flex;
    flex-grow:1;
    padding-top:20px;
    margin-bottom:20px;
}

#event_view > .listbox {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width:240px;
    margin-left:1px;
}

#event_view > .listbox > .listbox_sub {
    max-height:1400px;
    overflow-y:auto;
}

#event_view > .listbox > .listbox_sub .listitem {
    flex-shrink: 0;
    display: block;
    height:50px;
    line-height:55px;
    padding-left:20px;
    padding-right:20px;
    font-size:14px;
    font-family: 'Gmarket Sans';
    background:#071324;
    margin-bottom:1px;
    overflow:hidden;
    cursor:pointer;
    margin-bottom:1px;
}

#event_view > .listbox > .listbox_sub  .listitem.active,
#event_view > .listbox > .listbox_sub  .listitem:hover {
    background:#0f2747;
    color: #ef7c00;
    border:1px solid #254b7f;
    line-height:53px;
    padding-left:19px;
    padding-right:19px;
}

#event_view .listbox .expand {
    display: block;
    background:#071324;
    flex-grow: 1;
}

#event_view .viewbox {
    display: block;
    flex-grow: 1;
    text-align: center;
    background:#12161f;
    padding:50px;
}

#event_view .viewbox > .img {
    max-width: calc(100%-40px);
}