@charset "utf-8";

/* News sub page */
.news-visual .sub-visual-dim {background:rgba(0,0,0,.4);}
#news-content {scroll-margin-top:calc(var(--hd-h) + 20rem);}

/* List head */
.news-head {gap:var(--gap-md);margin-bottom:var(--gap-md);align-items:center;}
.news-total {margin:0;color:var(--gray-8);font-size:var(--font18);line-height:normal;}
.news-total strong {color:var(--bk-deep);font-weight:var(--fw-semibold);}
.news-head-tools {display:flex;flex:none;align-items:center;}

/* Mobile search panel (news-only) */
.news-search-open {padding:0;}
.news-search-panel {position:fixed;inset:0;z-index:1001;}
.news-search-panel-in {position:absolute;top:50%;left:50%;z-index:2;width:calc(100% - 40rem);max-width:400rem;padding:24rem;border-radius:var(--radius-sm);background:var(--wh);transform:translate(-50%, -50%);}
.news-search-panel .sub-search {max-width:none;}
.news-search-close {display:block;width:100%;margin-top:16rem;padding:12rem 0;border:0;background:transparent;color:var(--gray-8);font-size:var(--font16);cursor:pointer;}
.news-search-dim {position:absolute;inset:0;border:0;background:rgba(0,0,0,.5);cursor:pointer;}

/* List grid */
.news-list {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--gap-lg) 40rem;margin:0;padding:0;list-style:none;}
.news-item {min-width:0;}
.news-link {display:flex;flex-direction:column;gap:30rem;height:100%;color:inherit;text-decoration:none;}
.news-thumb {aspect-ratio:440 / 340;border-radius:var(--radius-md);background:var(--gray-fa);}
.news-thumb.is-fallback {background:var(--gray-f4);}
.news-thumb-fallback {display:block;width:100%;height:100%;}
.news-thumb-fallback img {display:block;width:100%;height:100%;object-fit:cover;}
.news-body {display:flex;flex-direction:column;gap:16rem;min-width:0;}
.news-tit {display:-webkit-box;overflow:hidden;color:var(--bk-deep);font-size:var(--font24);font-weight:var(--fw-semibold);line-height:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-date {display:inline-flex;align-self:flex-start;padding:6rem 16rem;border:1rem solid var(--gray-d5);border-radius:var(--radius-full);color:var(--gray-8);font-size:var(--font16);line-height:normal;}
.news-empty {padding:var(--gap-lg) 20rem;color:var(--gray-8);font-size:var(--font18);text-align:center;}

/* View */
.news-sec-view {padding:var(--gap-sub) 0;}
.news-view {display:flex;flex-direction:column;gap:var(--gap-lg);}
.news-view-head {display:flex;flex-direction:column;gap:30rem;padding-bottom:var(--gap-md);border-bottom:1rem solid rgba(25,25,25,.24);}
.news-view-tit {margin:0;color:var(--bk-deep);font-size:46rem;font-weight:var(--fw-semibold);line-height:1.5;word-break:break-word;}
.news-view-meta {gap:20rem;align-items:center;}
.news-view-date {color:var(--bk-deep);font-size:var(--font24);font-weight:var(--fw-medium);line-height:1.5;}
.news-share-btn {display:inline-flex;align-items:center;gap:10rem;border:0;background:transparent;color:var(--bk-deep);font-size:var(--font20);font-weight:var(--fw-medium);cursor:pointer;}
.news-share-btn img {display:block;width:20rem;height:20rem;object-fit:contain;}
.news-view-thumb {aspect-ratio:1400 / 502;border-radius:var(--radius-md);background:var(--wh);}
.news-view-con {color:var(--bk-deep);font-size:var(--font20);line-height:1.5;word-break:break-word;}
.news-view-con p {margin:0 0 1em;}
.news-view-con p:last-child {margin-bottom:0;}
.news-view-con img {display:block;max-width:100%;height:auto;margin:0 auto;}

/* Prev / Next */
.news-view-nav {display:flex;flex-direction:column;gap:10rem;}
.news-nav-item {display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-rows:auto auto;gap:0 16rem;align-items:center;padding:28rem 40rem;border-radius:10rem;background:var(--gray-fa);color:inherit;text-decoration:none;}
.news-nav-item.is-prev .news-nav-label img,
.news-nav-item.is-next .news-nav-label img {display:block;width:24rem;height:24rem;object-fit:contain;}
.news-nav-label {display:flex;grid-column:1;grid-row:1;align-items:center;gap:10rem;color:#666;font-size:var(--font18);font-weight:var(--fw-medium);line-height:1;}
.news-nav-tit {grid-column:1;grid-row:2;color:var(--bk-deep);font-size:var(--font18);font-weight:var(--fw-medium);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-nav-date {grid-column:2;grid-row:1 / span 2;color:#888;font-size:var(--font18);font-weight:var(--fw-medium);line-height:1;white-space:nowrap;}

/* Actions */
.news-view-actions {display:flex;justify-content:center;}
.news-list-btn {display:inline-flex;height:50rem;padding:0 30rem;align-items:center;justify-content:center;gap:8rem;border:1rem solid var(--bk-deep);border-radius:var(--radius-full);color:var(--bk-deep);font-size:var(--font14);font-weight:var(--fw-medium);letter-spacing:.42rem;text-decoration:none;}
.news-list-btn img {display:block;width:20rem;height:20rem;object-fit:contain;}

.news-admin-links {display:flex;justify-content:flex-end;gap:8rem;}
.news-admin-btn {padding:8rem 16rem;border:1rem solid var(--gray-d5);border-radius:var(--radius-full);color:var(--gray-8);font-size:var(--font14);text-decoration:none;}

@media screen and (max-width:1450px) {
    .news-list {grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--gap-md) 32rem;}
}

@media screen and (max-width:1024px) {
    .news-view-tit {font-size:36rem;}
}

@media screen and (max-width:800px) {
    .news-sec-list,
    .news-sec-view {padding:var(--gap-md) 0;}

    .news-head {margin-bottom:var(--gap-sm);}
    .news-total {font-size:var(--font14);}

    .news-list {grid-template-columns:1fr;gap:var(--gap-md);}
    .news-link {gap:20rem;}
    .news-thumb {aspect-ratio:335 / 205;border-radius:10rem;}
    .news-body {gap:10rem;}
    .news-tit {font-size:var(--font20);}
    .news-date {padding:6rem 16rem;font-size:13rem;}

    .news-view {gap:var(--gap-md);}
    .news-view-head {gap:30rem;padding-bottom:var(--gap-sm);}
    .news-view-tit {font-size:var(--font24);}
    .news-view-date {font-size:var(--font16);}
    .news-share-btn {gap:8rem;font-size:13rem;}
    .news-view-thumb {aspect-ratio:327 / 205;border-radius:10rem;}
    .news-view-con {font-size:var(--font16);}

    .news-nav-item {grid-template-columns:1fr;padding:20rem;gap:10rem;}
    .news-nav-label {grid-row:auto;font-size:13rem;}
    .news-nav-label img {width:18rem;height:18rem;}
    .news-nav-tit {grid-column:1;grid-row:auto;font-size:13rem;font-weight:var(--fw-regular);white-space:nowrap;}
    .news-nav-date {display:none;}

    .news-list-btn {height:54rem;padding:0 30rem;}
}