@charset "utf-8";

/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

/* Category */
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* View */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

/* Write */
.write-wrap { width:100%; overflow:hidden; }

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}

#sortLabel{
	display:none;
}

#banner_under_article{
    margin-top: -15px;
}
.board-list-live-banner{
    /* padding: 0 10px 15px 0; */
    margin-bottom: 5px;
    margin-top: -20px;
}
.game_wrap_youtube {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.game_wrap_youtube > a {
    /* padding-bottom: 15%; */
    display: inline-block;
    position: relative;
    height: 100%;
    overflow: hidden;
    /* margin-bottom: 10px; */
    /* width: 33%; */
}

.game_wrap_youtube a .img {
    display: block;
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.game_wrap_youtube .img img {
    display: block;
    border: 0;
    width: auto;
    height: 80px;
    margin: 0px auto;
    object-fit: revert;
}



@media all and (max-width: 767px) {
    
.game_wrap_youtube {
    gap:3px;
}
.game_wrap_youtube > a {
    width : 33%;
    display: block;
}
.game_wrap_youtube a .img img
{
    height: auto;
    width: 100%;
}
}

/* [choice-event] 목록 상단 관리자 전용 이벤트 작성 버튼 */
.btn-choice-event-write {
    margin-left: 4px;
    font-weight: bold;
    color: #ffffff !important;
    background: linear-gradient(135deg, #e53e3e 0%, #dd6b20 100%) !important;
    border: 1px solid #c53030 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 3px rgba(229, 62, 62, 0.35);
    transition: all 0.15s ease-in-out;
}
.btn-choice-event-write:hover,
.btn-choice-event-write:focus,
.btn-choice-event-write:active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #c53030 0%, #c05621 100%) !important;
    border-color: #9b2c2c !important;
    box-shadow: 0 2px 6px rgba(197, 48, 48, 0.5) !important;
    text-decoration: none;
}
.btn-choice-event-write .fa-bolt {
    color: #ffeb3b !important;
    margin-right: 2px;
    text-shadow: 0 0 4px rgba(255, 235, 59, 0.5);
}