@charset "utf-8";

/* 검색·상단·카드·글쓰기·글보기 공통 규칙을 가져온다.
   kaiia_news 가 kaiia_board 를 다시 불러오므로 이 한 줄이면 둘 다 딸려 온다. */
@import url("../kaiia_news/style.css");

/* KAIIA 갤러리
   목록 카드는 알림마당 다른 게시판과 같은 것을 쓴다 (위에서 가져온 규칙 그대로).
   상세만 사진 중심으로 따로 짠다. */


/* 갤러리 카드는 사진만 보여 준다 — 글자를 얹지 않으므로
   사진 위쪽에 깔던 흰 기운도 필요 없다 (사진이 그만큼 또렷해진다) */
.gl .nw-thumb::before{display:none}

/* ---------- 갤러리 상세 — 사진이 주인공 ---------- */
.gv{}
.gv-head{margin-bottom:calc(50 * var(--u))}
.gv-title{font-size:calc(30 * var(--u));font-weight:700;line-height:1.4;color:#111;
    word-break:keep-all}
.gv-meta{display:flex;flex-wrap:wrap;margin-top:calc(14 * var(--u));
    font-size:calc(16 * var(--u));color:#999}
.gv-meta span + span::before{content:'·';margin:0 calc(8 * var(--u));color:#ccc}

/* 대표 사진 — 상세 맨 위에 크게 */
.gv-photo{margin:0}
.gv-photo img{display:block;width:100%;height:auto;border-radius:calc(16 * var(--u))}
.gv-photo figcaption{margin-top:calc(14 * var(--u));
    font-size:calc(15 * var(--u));color:#888}

.gv-body{margin-top:calc(50 * var(--u));
    font-size:calc(17 * var(--u));line-height:1.9;color:#333}

@media (max-width:1024px){
    .gl-count{right:8px;bottom:8px;min-width:24px;height:24px;padding:0 6px;font-size:11px;
        border-radius:12px}
    .gl-count::before{width:10px;height:10px;margin-right:3px}

    /* 위 여백은 .nb 가 가진 40px 를 그대로 쓴다 (칩 아래 공통 간격) */
    .gv-head{margin-bottom:20px}
    .gv-title{font-size:20px}
    .gv-meta{margin-top:8px;font-size:12px}
    .gv-photo img{border-radius:10px}
    .gv-photo figcaption{margin-top:8px;font-size:12px}
    .gv-body{margin-top:24px;font-size:15px;line-height:1.8}
}

/* 본문에 넣은 사진 — 갤러리는 사진이 주인공이라 위아래를 넉넉히 띄운다 */
.gv-body img{display:block;width:100%;height:auto;
    margin:calc(30 * var(--u)) 0;border-radius:calc(16 * var(--u))}
@media (max-width:1024px){
    .gv-body img{margin:16px 0;border-radius:10px}
}