/* ===== idx_1.css ===== */

        /* ❤ 서리 후원 버튼 — 게임(황금)·쇼핑(연주황)과 어울리는 분홍 입체. 클릭 시 후원 모달(별은 wish_fx 가 뿌림) */
        .category-nav-donate{background:linear-gradient(160deg,#ffd0da,#ffb0c4);border:2px solid #ef92a8;color:#c0405f;font-weight:800;box-shadow:0 3px 0 #e58ba0;position:relative;top:-1px;overflow:visible}
        .category-nav-donate:hover{border-color:#ef92a8;color:#c0405f;transform:translateY(-2px);box-shadow:0 3px 0 #e58ba0}
        
/* ===== idx_3.css ===== */

                    .mobile-coupang-search {
                        display: none;
                    }
                    @media (max-width: 768px) {
                        .mobile-coupang-search {
                            display: block;
                            margin: 35px 15px 0 15px;
                        }
                        .mobile-coupang-search .sidebar-widget.coupang-search-section {
                            background: transparent !important;
                            border: 1px solid #ff6b35 !important;
                            border-radius: 12px !important;
                            box-shadow: none !important;
                            padding: 0 !important;
                            overflow: hidden;
                        }
                        .mobile-coupang-search .sidebar-widget.coupang-search-section .widget-header {
                            padding: 0 !important;
                            background: transparent !important;
                            border: none !important;
                        }
                        .mobile-coupang-search .sidebar-widget.coupang-search-section .widget-title {
                            margin: 0 !important;
                        }
                        .mobile-coupang-search .sidebar-widget.coupang-search-section .widget-content {
                            padding: 0 !important;
                            background: white;
                        }
                        aside.sidebar .reco-widget {
                            display: none;
                        }
                    }
                
/* ===== icc_4.css ===== */

                          .jj-box{margin:0 15px 20px;background:#fff;border:1px solid #ffe0c2;border-radius:13px;padding:12px 15px;box-shadow:0 2px 8px rgba(251,146,60,.09);box-sizing:border-box;scroll-margin-top:90px}
                          .jj-box .jj-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;text-decoration:none}
                          .jj-box .jj-hd b{font-size:15px;color:#e8730c;font-weight:bold}
                          .jj-box .jj-hd .more{font-size:11.5px;color:#c9a986}
                          .jj-crow{display:flex;align-items:center;gap:8px;padding:5px 0;text-decoration:none;border-bottom:1px solid #f6f0e7}
                          .jj-crow:last-child{border-bottom:none}
                          .jj-cimg{flex:0 0 34px;width:34px;height:34px;border-radius:7px;object-fit:cover;background:#faf3ea}
                          .jj-cttl{flex:1 1 auto;min-width:0;font-size:12.5px;color:#4a4a4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
                          .jj-clk{flex:0 0 auto;font-size:11px;color:#c9b8a8;white-space:nowrap}
                          .jj-clk.on{color:#e0245e}
                        
/* ===== icc_5.css ===== */

                        /* 📍 검색결과 페이지네이션 착지 위치 — 숫자만 조절(px). 커뮤니티/블로그 각각 */
                        #search-community { scroll-margin-top: 180px; }    /* 🖥️ PC 커뮤니티 검색결과 */
                        #search-blog      { scroll-margin-top: 180px; }    /* 🖥️ PC 블로그 검색결과 */
                        @media (max-width: 768px){
                          #search-community { scroll-margin-top: 250px; } /* 📱 모바일 커뮤니티 검색결과 */
                          #search-blog      { scroll-margin-top: 250px; } /* 📱 모바일 블로그 검색결과 */
                        }
                        
/* ===== icc_8.css ===== */

.emo-visual { cursor:text; overflow-wrap: anywhere; word-break: break-word; }
/* iOS 자동확대(줌) 방지: 글쓰기/댓글/수정 입력칸 글자 16px 이상 (그 미만이면 iOS가 탭 시 화면을 확대해버림) */
.emo-visual, textarea[name="content"], #editVisualEditor { font-size: 16px !important; }
.emo-visual.emo-empty:before { content: attr(data-ph); color:#aaa; pointer-events:none; display:inline-block; width:0; white-space:nowrap; overflow:visible; }
.emo-visual:focus { border-color:#e8730c; }
/* 댓글 입력 박스(메신저 모양): 입력영역 + 하단 😊툴바를 한 박스로 */
.comment-box { border:1px solid #ddd; border-radius:8px; overflow:hidden; background:#fff; margin-bottom:28px; }
.comment-box:focus-within { border-color:#e8730c; }
.comment-box .emo-visual { border:none !important; border-radius:0; min-height:140px; }
.comment-box > textarea { display:block; }
.comment-toolbar { display:flex; justify-content:space-between; align-items:center; padding:6px 10px; border-top:1px solid #eee; background:#fafafa; }

/* ===== imod_2.css ===== */

/* 법적 문서 모달 내부 스타일 격리 */
.legal-modal-content {
    all: initial;
    display: block;
    padding: 30px;
    line-height: 1.8;
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.legal-modal-content * {
    max-width: 100%;
    box-sizing: border-box;
}

.legal-modal-content h4 {
    font-size: 18px;
    font-weight: bold;
    color: #222;
    margin: 20px 0 10px 0;
}

.legal-modal-content p {
    margin: 10px 0;
    line-height: 1.8;
}

.legal-modal-content ul, .legal-modal-content ol {
    margin: 10px 0 10px 20px;
    padding-left: 20px;
}

.legal-modal-content li {
    margin: 5px 0;
}

.legal-modal-content a {
    color: #007bff;
    text-decoration: underline;
}

.legal-modal-content strong {
    font-weight: bold;
}

.legal-modal-content br {
    display: block;
    content: "";
    margin: 5px 0;
}

/* 모바일 최적화: 법적 문구 세로 배열 */
@media (max-width: 768px) {
    .footer-legal-links {
        padding: 20px 10px !important;
    }
    
    .footer-legal-link {
        display: block !important;
        margin: 12px 0 !important;
        padding: 10px 0 !important;
        font-size: 14px !important;
    }
}

/* ===== imod_3.css ===== */

/* PC·모바일 공통: 전체 에디터 = 제목칸 표시 / 적용·PC푸터 숨김 / 글발행 버튼 표시 / 툴바 상단고정 */
#editorModal .modal-titlebar { display: flex !important; }
#editorModal .emo-apply-pc { display: none !important; }
#editorModal .emo-submit-mobile { display: inline-block !important; }
#editorModal .editor-footer-pc { display: none !important; }
#editorModal .editor-modal-box .community-toolbar-sticky { position: sticky; top: 0; z-index: 2; }
/* 글쓰는 칸: 테두리 박스 없이 툴바와 이어지게(네이버식) + 배경으로 스크롤 전이 방지 */
#editorModal #modalVisualEditor, #editorModal #modalEditor { border: none !important; border-radius: 0 !important; overscroll-behavior: contain; outline: none !important; -webkit-overflow-scrolling: touch; overflow-wrap: anywhere !important; word-break: break-word !important; }
/* flex 안에서 글칸이 실제로 스크롤되게: min-height:0 없으면 자식이 안 줄어들어 글이 잘리고 스크롤 안 됨 */
#editorModal .editor-content-area, #editorModal .editor-content-area > div { min-height: 0 !important; }
/* 모달 자체 + 박스(빈 흰 공간 포함)는 스크롤 안 됨 → 오직 글쓰는 칸만 스크롤 */
#editorModal, #editorModal .editor-modal-box { overflow: hidden; }

/* 💻 PC: 전체화면 새 창처럼 + 글쓰기 영역은 가운데 정렬(네이버 카페식 양옆 여백) */
@media (min-width: 769px) {
    #editorModal .editor-modal-box {
        top: 0 !important; left: 0 !important; transform: none !important;
        width: 100% !important; height: 100dvh !important; max-width: none !important;
        border-radius: 0 !important;
        align-items: center;                 /* 자식을 가로 가운데로 */
        box-sizing: border-box;
        padding-bottom: 24px;                /* 하단 테두리가 화면 밖으로 안 잘리게 */
    }
    #editorModal .editor-modal-box > * {
        width: 100% !important; max-width: 1040px; box-sizing: border-box;
    }
    /* 툴바 + 내용 = 얇은 회색 테두리 박스 하나로 (네이버식), 내용은 툴바와 좌우 맞춤 */
    #editorModal .community-toolbar-sticky { border: 1px solid #e5e7eb; border-radius: 6px 6px 0 0; }
    #editorModal .editor-content-area { border: 1px solid #e5e7eb; border-top: none; border-radius: 0 0 6px 6px; padding: 0 !important; }
    #editorModal #modalVisualEditor, #editorModal #modalEditor { padding: 16px 20px !important; }
}

/* 📱 모바일: 크게보기 에디터를 화면에 꽉 차게(전체화면), 상단 툴바 고정 */
@media (max-width: 768px) {
    #editorModal .editor-modal-box {
        top: 0 !important; left: 0 !important; transform: none !important;
        width: 100% !important; height: 100% !important; height: 100dvh !important;  /* 전체높이 고정(B): 키보드는 밑을 덮고 글칸만 스크롤 */
        max-width: none !important; border-radius: 0 !important;
    }
    #editorModal .editor-modal-box .community-toolbar-sticky { position: sticky; top: 0; z-index: 2; }
    /* 모바일: 제목·카테고리 감싸는 테두리만 제거(배경색은 유지) → 본문처럼 한 페이지로 녹아들게 */
    #editorModal #modalTitleInput, #editorModal #modalCategoryInput { border: none !important; }
    #editorModal .modal-title-mobile { display: block !important; }
    #editorModal .emo-apply-pc { display: none !important; }
    #editorModal .emo-submit-mobile { display: inline-block !important; }
    #editorModal .editor-footer-pc { display: none !important; }
}
.community-post-content {
    isolation: isolate;
    display: block;
    line-height: 1.5;
    color: #333;
    padding-top: 0;
    font-size: 16px;
    word-break: keep-all;
    overflow-wrap: break-word;
    max-width: 100%;
    overflow: visible;
    font-family: inherit;
}

.community-post-content iframe {
    width: 100% !important;
    min-height: 400px !important;
    height: auto !important;
    aspect-ratio: 16/9 !important;
}

@media (max-width: 768px) {
    .community-post-content iframe {
        min-height: 250px !important;
    }
}

.community-post-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
    font-size: 14px;
}

.community-post-content table th,
.community-post-content table td {
    border: 1px solid #ddd;
    padding: 8px 12px;
    text-align: left;
}

.community-post-content table th {
    background-color: #fff3e0;
    color: #e8730c;
    font-weight: bold;
}

.community-post-content h2 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 20px 0;
    padding: 10px 15px;
    border: none;
    border-left: 4px solid #e8730c;
    background: none;
}

.community-post-content h3 {
    font-size: 17px;
    font-weight: 600;
    color: #333;
    margin: 20px 0 12px 0;
    padding-bottom: 4px;
    border: none;
    background: none;
    position: relative;
}


.community-post-content p {
    margin: 0 0 15px 0;
    line-height: 1.8;
}

.community-post-content ul {
    margin: 0 0 20px 0;
    padding-left: 20px;
}

.community-post-content ul li {
    margin-bottom: 6px;
}

.community-post-content h2.notice-title {
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #e0e0e0;
}

/* ===== imod_5.css ===== */

/* 커뮤니티 메타 정보 모바일 최적화 */
@media (max-width: 768px) {
    /* 글목록 메타 - 한 줄 유지 */
    .post-meta {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 4px !important;
        font-size: 10px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }
    
    .post-meta span {
        flex-shrink: 0;
    }
    
    /* 작성자 정보만 줄임표 처리 */
    .post-meta .author-info {
        max-width: 60px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        flex-shrink: 1 !important;
    }
    
    /* 구분자 간격 최소화 */
    .meta-sep {
        margin: 0 !important;
    }
}

/* ===== cmmj_1.css ===== */

/* 글 목록 마스터 관리 버튼 줄 — 작성자 칸에서 빼내 글 아래 전체폭 한 줄로(JS가 이동). 버튼 균일 크기 정렬 */
.mlist-mod {
  flex:0 0 100%; order:9;                 /* .clist-item 안에서 항상 마지막 줄 전체폭 */
  display:flex; flex-wrap:wrap; gap:6px; align-items:center;
  box-sizing:border-box; margin-top:0; padding:8px 11px;
  background:#fbf6ef; border:1px solid #f0e4d4; border-radius:9px;
}
.mlist-mod::before { content:'관리'; font-size:11px; font-weight:bold; color:#b79b7d; margin-right:3px; }
.mlist-mod > button { flex:0 0 auto; }
.mlist-mod > button:hover { filter:brightness(1.07); }
/* 관리 줄로 합쳐진 '고정' 버튼 — 다른 버튼과 크기·모서리 통일 */
.mlist-mod .clist-pin { flex:0 0 auto; padding:6px 11px; font-size:11.5px; border-radius:6px; margin:0; line-height:1; }
/* 📱 모바일: 버튼 6개를 3열 그리드로 반듯하게(3개씩 2줄, 외톨이 없음) */
@media (max-width:768px){
  .mlist-mod { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; padding:9px 10px; }
  .mlist-mod::before { display:none; }
  .mlist-mod > button, .mlist-mod .clist-pin { width:100%; box-sizing:border-box; padding:9px 4px; }
}