/* ============================================
   Watermelon - Event Page Only Styles
   Date: 2025-08-31
   Scope: #event, section#main section.event
   Purpose: 좌측 쏠림 이슈 방지 + 중앙 정렬 고정
   ============================================ */

/* 공통 스코프 헬퍼 */
:root {
    /* noop for readability */
}

/* 0) 컨테이너 자체를 중앙 고정 */
#event .container,
section#main section.event .container {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 1) 상단 탭(진행중/진행완료) 중앙 정렬 */
#event .subcate,
section#main section.event .subcate {
    position: relative;
    height: 40px;
    line-height: 38px;
}

#event .subcate .wrap,
section#main section.event .subcate .wrap {
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    transform: translateX(-50%) !important;
    width: max-content;
    white-space: nowrap;
}

/* (변형 클래스도 강제 중앙) */
#event .subcate .wrap.membership,
#event .subcate .wrap.findme,
section#main section.event .subcate .wrap.membership,
section#main section.event .subcate .wrap.findme {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* 2) 이벤트 카드/리스트 중앙 배치 (float 전파 차단) */
#event .contents_4ea ul.list_4ea,
#event .contents_3ea ul.list_3ea,
#event .contents_0ea ul.list_0ea,
section#main section.event .contents_4ea ul.list_4ea,
section#main section.event .contents_3ea ul.list_3ea,
section#main section.event .contents_0ea ul.list_0ea {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 33px;
    /* 사이트 기본 카드 간격 */
    padding: 0 12px;
    /* 기존 내부 여백 유지 */
}

/* 리스트 아이템이 float에 묶여 좌정렬되는 현상 방지 */
#event .contents_4ea ul.list_4ea>li,
#event .contents_3ea ul.list_3ea>li,
#event .contents_0ea ul.list_0ea>li,
section#main section.event .contents_4ea ul.list_4ea>li,
section#main section.event .contents_3ea ul.list_3ea>li,
section#main section.event .contents_0ea ul.list_0ea>li {
    float: none !important;
}

/* 3) 배너형(탭 콘텐트)도 중앙 유지 */
#event .event-tab-item .con,
#event .event-tab-item .wrap,
section#main section.event .event-tab-item .con,
section#main section.event .event-tab-item .wrap {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 4) 페이지네이션 중앙 */
#event .pagenation,
section#main section.event .pagenation {
    position: relative;
}

#event .pagenation ul,
section#main section.event .pagenation ul {
    position: absolute;
    left: 50% !important;
    top: 0 !important;
    transform: translateX(-50%) !important;
}

/* 5) 하단 검색줄 중앙 (데스크톱 기준) */
@media (min-width: 721px) {

    #event .sub_search,
    section#main section.event .sub_search {
        position: relative;
        height: 44px;
    }

    #event .sub_search form,
    section#main section.event .sub_search form {
        position: absolute !important;
        left: 50% !important;
        top: 0 !important;
        transform: translateX(-50%) !important;
        display: block;
        height: 100%;
    }
}

/* 6) 모바일: 한 줄 정렬 & 가운데 */
@media (max-width: 720px) {

    #event .sub_search form,
    section#main section.event .sub_search form {
        position: static !important;
        transform: none !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 12px 10px;
    }

    #event .sub_search form>*,
    section#main section.event .sub_search form>* {
        float: none !important;
        position: static !important;
        margin: 0 !important;
        max-width: 100% !important;
    }
}

/* 7) 혹시 있을 문단 중앙정렬 부작용 방지 */
#event .content,
section#main section.event .content {
    text-align: initial !important;
}