@charset "utf-8";
/* ==========================================================================
   이벤트 게시판 상세(mevent) — PC(1024px~) 전용
   board/skin/event/view.html · 토큰: gd_tokens.css
   모바일 화면은 건드리지 않는다 — 모든 규칙을 미디어쿼리 안에만 둔다.
   기능은 추가하지 않는다. 모바일 요소를 PC 폭에 맞게 재배치하는 것까지만.
   @entwiz 2026-09
   ========================================================================== */
@media (min-width: 1024px) {

    /* 레이아웃 — 콘텐츠 폭 가운데 정렬 */
    .view_event {max-width:calc(var(--layout-max, 1280px) + var(--layout-margin, 20px) * 2); margin:0 auto; padding:var(--space-8, 32px) var(--layout-margin, 20px) var(--space-16, 64px);}
    .view_event * {box-sizing:border-box;}
    .view_event .goods_area,
    .view_event .view_wrap {width:100%;}

    /* 이벤트 콘텐츠 — 780px 중앙 컬럼 + 이미지 폭 제한(가독성). mevent는 제목/작성정보 없이 콘텐츠만 노출 @entwiz 2026-09 콘텐츠폭 780 */
    .view_event .view_box {max-width:780px; margin:0 auto;}
    .view_event .view_box .contents_holder {width:100%;}
    .view_event .view_box .contents_holder img {display:block; max-width:100%; height:auto; margin:0 auto;}

    /* 추천상품 — PC 4열 그리드 (콘텐츠와 같은 780px 컬럼 안) */
    .view_event .goods_product_list {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--space-6, 24px); margin-top:var(--space-10, 40px);}
    .view_event .goods_product_list > li {float:none; width:auto; margin:0;}

    /* 댓글 / 답글 / 하단 버튼 — 콘텐츠와 같은 780px 컬럼에 맞춰 중앙 */
    .view_event .view_comment,
    .view_event .comment_wrap,
    .view_event .reply_form,
    .view_event .btn_wish_bx {max-width:780px; margin-left:auto; margin-right:auto;}
    .view_event .btn_wish_bx {margin-top:var(--space-10, 40px);}
    /* 댓글수/추천 헤더 — 좌우 패딩 0 (default/view.css의 .view_comment{padding:8px 20px})로 좌우선 통일 */
    .view_event .view_comment {padding-left:0; padding-right:0;}

    /* 다음 게시글 목록 — 가로 정렬 + 좌우 패딩 제거(default/view.css의 .nextList ul{padding:0 20px})로 좌우 간격 통일 */
    .view_event .nextList ul {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--space-6, 24px); padding-left:0; padding-right:0;}
    .view_event .nextList li + li {margin-top:0;}

    /* 답글(.rereply) 작성정보 좌측 보더 제거 (요청) — padding-left(들여쓰기)는 유지 */
    .view_event .comment_wrap .js_data_comment_row.rereply .comment_info {border-left:0;}
}