@charset "utf-8";

/* =========================================================
   전역 반응형 — 1024px 이하
   ========================================================= */

@media (max-width: 1024px) {
    /* 고정폭 해제 */
    #hd, #wrapper, #ft { min-width: 0 !important; width: 100% !important; }
    #hd_pop,
    #hd_wrapper,
    #tnb .inner,
    #gnb .gnb_wrap,
    #container_wr,
    #ft_wr,
    #ft_copy { width: 100% !important; max-width: 100% !important; box-sizing: border-box; }

    #hd_wrapper,
    #tnb .inner,
    #gnb .gnb_wrap,
    #container_wr,
    #ft_wr { padding-left: 12px; padding-right: 12px; }

    /* 본문 / 사이드 세로 배치 */
    #container_wr { display: block; }
    #container {
        float: none !important;
        width: 100% !important;
        margin: 12px 0 !important;
        min-height: 0;
    }
    #aside {
        float: none !important;
        width: 100% !important;
        margin: 0 0 20px !important;
        height: auto !important;
    }

    /* 헤더 */
    #logo { float: none; text-align: center; margin: 0 auto; }
    #logo img { max-width: 180px; height: auto; }
    .hd_sch_wr {
        float: none !important;
        width: 100% !important;
        margin: 0 0 12px !important;
        padding: 10px 0 !important;
    }
    #hd_sch #sch_stx { width: calc(100% - 60px) !important; }
    .hd_login { float: none; text-align: center; margin: 8px 0; }

    /* 로그인 후 FAQ 자리 회원바 */
    #hd_qnb.hd_qnb_member {
        float: none !important;
        max-width: 100% !important;
        justify-content: flex-start;
        padding: 6px 0 10px;
    }
    #hd_qnb.hd_qnb_member li {
        margin: 4px 8px 4px 0;
        font-size: 0.9em;
    }

    /* 메뉴 */
    #gnb { overflow-x: auto; }
    #gnb_1dul { white-space: nowrap; }
    .gnb_1dli { display: inline-block; float: none; }
    /* 모바일 이모지 그리드 — 가로 스크롤 메뉴 규칙 무력화 */
    #gnb_1dul.mnav_grid {
        display: grid !important;
        white-space: normal !important;
        overflow: visible;
    }
    #gnb_1dul.mnav_grid .mnav_item,
    #gnb_1dul.mnav_grid .gnb_1dli {
        display: block !important;
        float: none !important;
        white-space: normal;
    }

    /* 메인 최신글 그리드 */
    .latest_top_wr,
    .latest_wr { width: 100% !important; }
    .lt_wr {
        float: none !important;
        width: 100% !important;
        margin: 0 0 12px !important;
    }

    /* 푸터 */
    #ft_wr .ft_cnt {
        float: none !important;
        width: 100% !important;
        padding: 10px 0 !important;
    }

    /* 공통 요소 */
    img, video, iframe { max-width: 100%; height: auto; }
    table { width: 100% !important; }
    .tbl_wrap, .tbl_head01, .tbl_frm01 { overflow-x: auto; -webkit-overflow-scrolling: touch; }

    /* 게시판 */
    #bo_list, #bo_v, #bo_w { width: 100% !important; }
    #bo_v { padding: 16px !important; }
    #bo_v_title .bo_v_tit { font-size: 1.25em !important; }
    #bo_list .td_num,
    #bo_list .td_num2,
    #bo_list .td_datetime,
    #bo_list .td_name { font-size: 0.9em; }

    /* Agora */
    .agora_main_wrap { margin: 0 0 16px !important; }
    .agora-voice-room { margin-bottom: 12px; }
    .agora-voice-room .avr-sido-list { grid-template-columns: 1fr 1fr; }

    /* PC/모바일 표시 헬퍼 — 1024 기준 */
    .pc-only { display: none !important; }
    .mobile-only { display: block !important; }
}

@media (min-width: 1025px) {
    .pc-only { display: block !important; }
    .mobile-only { display: none !important; }
}