/* ============================================================
   [2단 포털 골격] PC 커뮤니티 글보기 2단 레이아웃 — 1단계: 골격만
   - 왼쪽(main): 기존 글 뷰 전체(무변경, wrapper로 감싸기만)
   - 오른쪽(side): ~300px 빈 사이드바 자리(다음 단계에서 채움)
   - PC(넓은 화면)에서만 2단, 모바일/태블릿은 1단 유지
   롤백: view.skin.php 의 .fmk-2col wrapper 몇 줄만 제거하면 원래 1단으로 복귀.
   (community=community/view.skin.php, potten=potten/view.skin.php 공용 로드)
   ============================================================ */

/* 기본(모바일·태블릿): 사이드바 숨김 → 1단 유지 */
.fmk-2col-side { display: none; }

/* PC 넓은 화면에서만 2단 (landing-page-pc 와 동일한 1100px 분기) */
@media (min-width: 1100px) {

    .fmk-2col {
        display: flex;
        align-items: flex-start;   /* 위쪽 정렬(사이드바가 본문 높이만큼 안 늘어남) */
        gap: 24px;                 /* 본문 ↔ 사이드바 사이 여백 */
        max-width: 1240px;         /* 너무 넓어지지 않게 상한 + 가운데 정렬 */
        margin-left: auto;
        margin-right: auto;
    }

    /* 왼쪽 본문: 남는 폭 전부 차지 */
    .fmk-2col-main {
        flex: 1 1 auto;
        min-width: 0;              /* flex 자식 내부(긴 URL·이미지) 넘침 방지 */
    }

    /* 오른쪽 사이드바: 고정폭 300px */
    .fmk-2col-side {
        display: block;
        flex: 0 0 300px;
        width: 300px;
    }

    /* 사이드바 자리표시 박스(허니타임 크림/브라운 톤) */
    .fmk-side-box {
        position: sticky;          /* 스크롤 시 화면 상단에 붙어 따라옴 */
        top: 20px;
        min-height: 200px;
        padding: 20px;
        box-sizing: border-box;
        background: #FDF6E6;
        border: 1px solid #E8DFD0;
        border-radius: 10px;
        color: #8a7a63;
        font-size: 14px;
        line-height: 1.6;
        text-align: center;
    }
    .fmk-side-box small { color: #b6a88f; }
}