/* == index_header_1.css == */

    /* iOS 자동확대(줌) 방지: 모바일 입력칸 글자 16px (그 미만이면 탭 시 iOS가 화면 확대) */
    @media (max-width: 768px) {
        input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), textarea, select, [contenteditable] { font-size: 16px !important; }
    }
    /* 글 목록 a 태그 완전 초기화 */
    a.post-item,
    a.post-item:hover,
    .post-list > a,
    .post-list > a:hover {
        text-decoration: none !important;
        border-bottom: none !important;
        color: inherit !important;
    }
    
    /* 내부 요소는 색상 상속 제외 */
    a.post-item *,
    a.post-item:hover *,
    .post-list > a *,
    .post-list > a:hover *,
    .sidebar-widget a,
    .sidebar-widget a *,
    .sidebar-widget a:hover,
    .sidebar-widget a:hover * {
        text-decoration: none !important;
        border-bottom: none !important;
    }
    
    .post-list > a {
        display: block;
    }
    
    /* 추천 글 슬라이드 밑줄 제거 */
    .slider-track > a,
    .slider-track > a *,
    .slider-track > a:hover,
    .slider-track > a:hover * {
        text-decoration: none !important;
        border-bottom: none !important;
        color: inherit !important;
    }
    
    /* 추천 글 슬라이드 링크 초기화 */
    .slider-track > a {
        display: block;
        min-width: 100%;
        flex-shrink: 0;
    }
    
    /* 인기 키워드 밑줄 제거 */
    .keyword-list > a,
    .keyword-list > a *,
    .keyword-list > a:hover,
    .keyword-list > a:hover * {
        text-decoration: none !important;
        border-bottom: none !important;
        color: inherit !important;
    }

/* 커뮤니티 글목록 모바일 스타일 — 두 줄 (제목 / 작성자·메타) */
@media (max-width: 768px) {
    .community-list-item {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 5px !important;
    }

    .community-list-item > div:first-child a {
        flex-wrap: nowrap !important;
    }

    /* 둘째 줄: 작성자(사진+닉네임) + 좋아요 + 댓글 + 날짜 */
    .community-meta-desktop {
        display: flex !important;
        flex-wrap: wrap;
        gap: 8px !important;
        padding-left: 2px;
    }

    /* 날짜만 줄 / 제목옆 댓글수는 둘째 줄로 대체되므로 숨김 */
    .community-meta-mobile {
        display: none !important;
    }

    .comment-count-mobile {
        display: none !important;
    }
}

/* ===================================
   쿠팡 검색창 스타일
=================================== */
.coupang-search-section {
    background: white;
    border: none;
    border-radius: 0;
    padding: 0;
    margin-bottom: 1px;
    overflow: hidden;
}

.coupang-search-section .sidebar-header {
    background: #ff6b35;
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.coupang-search-section .sidebar-title {
    color: white;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
}

.coupang-search-section .sidebar-content {
    padding: 15px;
}

.coupang-search-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.coupang-search-form input[type="text"] {
    width: 100%;
    padding: 12px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    background: white;
    outline: none;
    transition: all 0.3s;
}

.coupang-search-form input[type="text"]:focus {
    border-color: #ff6b35;
    box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);
}

.coupang-search-form button {
    width: 100%;
    padding: 12px;
    background: #ff6b35;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
}

.coupang-search-form button:hover {
    background: #e85a28;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .coupang-search-section {
        margin-bottom: 1px;
    }
    
    .coupang-search-form input[type="text"],
    .coupang-search-form button {
        padding: 10px;
        font-size: 13px;
    }
}

/* Sliding Banner */
.customBannerArea {
    position: relative;
    overflow: hidden;
    margin: 20px auto;
    padding: 0 20px;
    text-align: center;
}

.customBox {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.customBox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.customBox .backward {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: cover;
}

.customBanner {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.customBanner img.cover {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    opacity: 0.93;
}

.customBanner.active img {
    box-shadow: none !important;
}

.customBanner.active a {
    height: 100% !important;
}

/* 화살표 - 파란 원 + 화살표 합친 디자인 */
.customBanner .arrow {
    position: absolute;
    top: calc(50% - 15px);
    background-color: #2196f3;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.customBanner .arrow::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid white;
    margin-right: 2px;
}

.customBanner .arrow img {
    display: none !important;
}

/* 오른쪽 방향 화살표 (sliding-banner-280용) */
.sliding-banner-280 .customBanner .arrow::after {
    border-right: none;
    border-left: 8px solid white;
    margin-right: 0;
    margin-left: 2px;
}

.banner-bubble {
    position: absolute;
    top: 10px;
    background-color: #bd0000;
    height: 24px;
    width: 77px;
    color: white !important;
    font-size: 0.75em !important;
    border-radius: 5px;
    padding-top: 2px;
    line-height: 1.2rem !important;
}

.sliding-banner-300 .banner-bubble:after, 
.sliding-banner-150 .banner-bubble:after, 
.sliding-banner-250 .banner-bubble:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #bd0000;
    border-bottom: 0;
    border-left: 0;
    margin-left: -2.5px;
    margin-bottom: -5px;
}

.sliding-banner-280 .banner-bubble:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #bd0000;
    border-bottom: 0;
    border-right: 0;
    margin-left: -45.5px;
    margin-bottom: -5px;
}

.customBanner.active {
    animation: customMv1 1.2s ease-out infinite;
}

@keyframes customMv1 {
    0% {
        transform: translate3d(-12%, 0, 0);
    }
    20% {
        transform: translate3d(-15%, 0, 0);
    }
    40% {
        transform: translate3d(-10%, 0, 0);
    }
    60% {
        transform: translate3d(-15%, 0, 0);
    }
    80% {
        transform: translate3d(-10%, 0, 0);
    }
    100% {
        transform: translate3d(-12%, 0, 0);
    }
}

@media (min-width: 1200px) {
    .customBannerArea {
        background-color: #ffffffc9;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        padding: 0px;
        z-index: 1000;
        text-align: center;
    }
}

/* 슬라이딩 배너 덮개 이미지 - 컨테이너 완전 덮기 */
.sliding-banner-300,
.sliding-banner-150,
.sliding-banner-250,
.sliding-banner-280 {
    width: 300px !important;
    height: 320px !important;
    margin: 20px auto !important;
    overflow: hidden !important;
}
.sliding-banner-300 .customBannerArea,
.sliding-banner-150 .customBannerArea,
.sliding-banner-250 .customBannerArea,
.sliding-banner-280 .customBannerArea {
    width: 300px !important;
    height: 320px !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.sliding-banner-300 .customBox,
.sliding-banner-150 .customBox,
.sliding-banner-250 .customBox,
.sliding-banner-280 .customBox {
    width: 300px !important;
    height: 330px !important;
    overflow: hidden !important;
}
.sliding-banner-300 .customBanner,
.sliding-banner-150 .customBanner,
.sliding-banner-250 .customBanner,
.sliding-banner-280 .customBanner {
    width: 340px !important;
    height: 300px !important;
    left: -10px !important;
}
.sliding-banner-300 .customBanner img.cover,
.sliding-banner-150 .customBanner img.cover,
.sliding-banner-250 .customBanner img.cover,
.sliding-banner-280 .customBanner img.cover {
    width: 340px !important;
    height: 300px !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
}
.sliding-banner-300 .customBox .backward,
.sliding-banner-150 .customBox .backward,
.sliding-banner-250 .customBox .backward,
.sliding-banner-280 .customBox .backward {
    width: 300px !important;
    height: 300px !important;
}

@media (max-width: 768px) {
    .sliding-banner-300 .customBox,
    .sliding-banner-150 .customBox,
    .sliding-banner-250 .customBox,
    .sliding-banner-280 .customBox {
        height: 300px !important;
    }
}


    

/* == comm_extract.css == */
/* ===== 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;
}

/* 🔗 본문 «글 속» 링크만 (2026-08-10) — 글자를 긁어 [링크] 로 만든 것.
   🔴 목차·버튼까지 물들었다 (회장님 지적). 실제 HTML 을 보고 «세 가지»로 가려낸다 —
        목차 : <a href="#s1">                                → # 로 시작하는 앵커
        버튼 : <a style="display:block;background:…">          → 인라인 style 이 있음
        버튼 : <a class="btn"> (.common-btn 안)                → class 가 붙어 있음
      즉 «인라인 style»·«# 앵커»·«class 가 붙은 것»은 손대지 않는다.
      ★class 가 있다는 건 «이미 따로 꾸며 둔 것»이라는 뜻이다 — 거기에 끼어들면 안 된다.
      이러면 회장님이 꾸미신 링크는 무엇이든 그대로 보존된다.
   ★밑줄은 «글자 밑 옅은 선» → 올리면 진해진다. 받침을 가리지 않게 3px 띄운다.
     (본문 규칙은 comm_extract.css 가 정본 — community-post-content-matches-blog) */
.community-post-content a:not([style]):not([href^="#"]):not(.btn):not([class]) {
    color: #c2560b;
    text-decoration: underline;
    text-decoration-color: rgba(194, 86, 11, .35);
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
    transition: color .12s, text-decoration-color .12s;
}
.community-post-content a:not([style]):not([href^="#"]):not(.btn):not([class]):hover,
.community-post-content a:not([style]):not([href^="#"]):not(.btn):not([class]):focus-visible {
    color: #8f3d05;
    text-decoration-color: #8f3d05;
}
/* 사진·유튜브를 감싼 링크는 글자 링크가 아니다 — 밑줄이 생기면 안 된다.
   🔴 위 규칙과 «같은 무게»로 적어야 이긴다 — :has(> img) 만 쓰면 무게가 모자라 안 먹었다(실측). */
.community-post-content a:not([style]):not([href^="#"]):not(.btn):not([class]):has(> img),
.community-post-content a:not([style]):not([href^="#"]):not(.btn):not([class]):has(> iframe),
.community-post-content a:not([style]):not([href^="#"]):not(.btn):not([class]):has(> figure),
.community-post-content a:not([style]):not([href^="#"]):not(.btn):not([class]):has(> picture) { text-decoration: none; }

.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;
    /* ★아래여백 0 — 블로그 글(.post-content h3)과 같은 값 (2026-08-06). 예전엔 12px 이라 커뮤니티만 벌어졌다 */
    margin: 20px 0 0 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; }
}


/* ===== 추천글 슬라이더 — 홈이 아닌 화면(커뮤니티·카테고리)에선 모바일만 숨김(2026-07-26). PC는 그대로 ===== */
@media (max-width: 768px){ .featured-posts-slider.fs-mhide{ display:none; } }


/* ══════════════════════════════════════════════════════════════════════
   커뮤니티 글 본문을 «블로그 글과 똑같이» (2026-08-06, 회장님 지시)

   [증상] 같은 편집기로 쓴 같은 HTML 인데 커뮤니티만 글씨가 컸다.
   [실측 375px]            블로그   커뮤니티
       h2                  14px      18px
       h3                  14px      17px
       p                   12px      16px
       사진 여백           20px 0    0
   [진범] 크기를 모바일에서 줄이는 규칙이 css/custom.css 에 «.post-content» 로만 적혀 있었다.
          커뮤니티 본문 클래스는 .community-post-content 라 하나도 안 걸렸다.
          게다가 이 파일(comm_extract.css)이 custom.css «뒤»에 실려서,
          custom.css 안에 하나 있던 모바일 규칙(.community-post-content h3 14px)까지
          여기 위쪽의 전역 17px 에 덮이고 있었다. → 그래서 모바일에서도 17px 로 나왔다.

   ★인라인으로 «직접» 정한 글씨 크기는 그대로 살린다 — :not([style*="font-size"])
     (블로그는 !important 라서 인라인 크기가 죽는다. 커뮤니티는 회장님 지시대로 살린다.
      글씨 «색»은 여기서 색을 건드리지 않으므로 자동으로 그대로 나온다.)
   ★새 파일을 만들지 않고 이미 있는 파일에 붙인다(HTML 더 키우지 않기).
   ══════════════════════════════════════════════════════════════════════ */

/* 사진 — 블로그와 같은 여백·둥근 모서리 */
.community-post-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 20px 0;
}
/* ★격자(사진 2·3장 나란히)는 원래 붙어 있어야 한다 — 위 여백이 새지 않게 되돌린다 */
.community-post-content .image-grid-2 img,
.community-post-content .image-grid-3 img,
.community-post-content .image-grid-2 video,
.community-post-content .image-grid-3 video {
    margin: 0 0 8px 0;
}

@media (max-width: 768px) {
    .community-post-content h2:not([style*="font-size"]) { font-size: 14px; }
    .community-post-content h3:not([style*="font-size"]) { font-size: 14px; }
    .community-post-content p:not([style*="font-size"])  { font-size: 12px; line-height: 1.8; }
}

/* ══════════════════════════════════════════════════════════════════════
   🧳 여행 사진 + 출처 (2026-08-09)

   [왜 figure 인가]
   사진 밑에 출처를 다는 것은 «신문에서 쓰는 그 방식»이고, HTML 에 정식 규격이 있다.
   figure + figcaption — W3C 가 「사진과 그 설명」을 묶으라고 정해 둔 것이다(md 7번).
   · 검색엔진이 「이 글씨는 이 사진의 설명이다」로 읽는다. div 는 못 읽는다
   · 화면낭독기가 사진과 출처를 묶어 읽어 준다
   · 사진을 지우면 출처도 «같이» 지워진다 — 따로 놀지 않는다

   [왜 반드시 보여야 하나]
   관광공사 사진은 공공누리 1유형이라 «출처표시»가 조건이다. alt 안에 넣으면
   화면에 안 보여서 출처표시로 인정받기 어렵다. 우리 사이트는 광고·제휴가 있어
   「상업적 이용」이므로 이 조건을 반드시 지켜야 한다. → 기억: copyright-safe
   ══════════════════════════════════════════════════════════════════════ */
.community-post-content figure {
    margin: 20px 0;
}
/* figure 안의 사진은 위아래 여백을 figure 가 갖는다 — 두 겹으로 벌어지지 않게 */
.community-post-content figure img {
    margin: 0;
    display: block;
}
.community-post-content figcaption {
    font-size: 13px;
    color: #8a8a8a;
    line-height: 1.5;
    text-align: right;
    padding: 6px 2px 0;
    word-break: keep-all;      /* 「포토코리 / 아」 처럼 낱말이 쪼개지지 않게 */
}

@media (max-width: 768px) {
    /* 폰에서는 한 줄에 안 들어가 두 줄이 되던 것 — 한 단계 줄인다 */
    .community-post-content figcaption { font-size: 11.5px; padding: 5px 2px 0; }
}